<!-- 激活界面模板 -->
<template id="tmpl-activation">
  <div class="nm-panel">
    <div class="nm-header" id="nm-header">
      <div class="nm-header-btn" id="btn-minimize" title="最小化">
        <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
      </div>
      <div class="nm-header-title">3Q牛马工具铺 - 激活</div>
      <div class="nm-header-btn" id="btn-link" title="官网">
        <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
      </div>
    </div>
    <div class="nm-content nm-activation">
      <img src="{{EXTENSION_URL}}icons/logo48.png" alt="Lock" style="margin-bottom: 10px;">
      <p>插件未激活，请输入您的授权码以使用完整功能</p>
      <input type="text" class="nm-input" id="activation-code" placeholder="请输入激活码">
      <div id="msg-box" class="message" style="display:none; margin: 10px 0; font-size: 12px;"></div>
      <button class="nm-btn nm-btn-primary" id="btn-activate">立即激活</button>
      <div style="margin-top: 15px; font-size: 12px;">
        <a href="#" id="btn-support" style="color: #1890ff; text-decoration: none;">获取激活码 / 联系作者</a>
      </div>
    </div>
  </div>
</template>

<!-- 悬浮球模板 -->
<template id="tmpl-ball">
  <div class="nm-ball" id="nm-ball">
    <img src="{{EXTENSION_URL}}icons/logo48.png" alt="Logo">
  </div>
</template>