Client News Center | 客戶資訊中心

使用方法：複製以下指令，連同你的 HTML 檔案一併傳給任何 AI 助理（如 ChatGPT / Claude / Gemini），它便會輸出與本系統完全相容的 HTML。相容檔案上傳後可支援全站搜尋、分類篩選及排序。

How to use: Copy the prompt below and send it to any AI assistant together with your HTML file. It will output a fully compatible HTML that supports app-wide search, category filtering and sorting after upload.

You are preparing an HTML newsletter for the "Client News Center" (news-cntr) web app. Convert the HTML I provide into the app's compatible format:

1. Keep it a single self-contained .html file (inline CSS/JS is fine, ≤1MB, UTF-8, mobile-first, max content width ~820px).
2. In , ensure EXACTLY these meta tags exist (replace the values, keep the names):
   
   
      
                     
   
            
   
   
   
   
   
                      
3. Set  to: 繁體中文標題 | Client News Center
4. Keep the body content readable on mobile and keep any interactive features working offline (no external dependencies unless inlined).
5. Output ONLY the full converted HTML file.

File naming convention for saving into the repo: news_lib/<category>/<name>-YYYY-MM-DD.html</pre>
        <div class="form-actions">
          <button type="button" id="copyAiGuideBtn" class="btn btn-primary btn-flex" data-i18n="guide_copy">複製 AI 指令</button>
          <button type="button" class="btn btn-outline" data-close="aiGuideModal" data-i18n="btn_done">完成</button>
        </div>
      </div>
    </div>
  </div>

  <!-- Global TTS Player Bar -->
  <div id="ttsBar" class="tts-bar" hidden>
    <div class="tts-row tts-row-top">
      <span class="tts-title" id="ttsTitle">—</span>
      <span class="tts-progress" id="ttsProgress"></span>
      <button type="button" id="ttsCloseBtn" class="tts-icon-btn" aria-label="Close">✕</button>
    </div>
    <div class="tts-row tts-row-controls">
      <div class="segmented-control tts-lang-control" id="ttsLangControl">
        <button type="button" class="btn-segment" data-lang="zh-HK">廣東話</button>
        <button type="button" class="btn-segment" data-lang="zh-CN">普通話</button>
        <button type="button" class="btn-segment" data-lang="en-US">EN</button>
      </div>
      <button type="button" id="ttsRateBtn" class="tts-icon-btn tts-rate" title="語速 Speed">1×</button>
      <button type="button" id="ttsPlayPauseBtn" class="tts-icon-btn tts-playpause" aria-label="Play/Pause">
        <svg id="ttsPlayIcon" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" stroke="none" style="display:none;">
          <polygon points="6 3 20 12 6 21 6 3"></polygon>
        </svg>
        <svg id="ttsPauseIcon" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" stroke="none">
          <rect x="5" y="4" width="5" height="16" rx="1"></rect>
          <rect x="14" y="4" width="5" height="16" rx="1"></rect>
        </svg>
      </button>
      <button type="button" id="ttsStopBtn" class="tts-icon-btn" aria-label="Stop">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="none">
          <rect x="5" y="5" width="14" height="14" rx="2"></rect>
        </svg>
      </button>
    </div>
  </div>

  <!-- Toast Notification -->
  <div id="toast" class="toast" role="status" aria-live="polite"></div>

  <!-- Application Script -->
  <script src="app.js"></script>
</body>
</html>

未找到符合條件的刊物