<!-- 主题模式切换组件 -->
<div th:fragment="theme-toggle" class="theme-toggle" x-data="themeToggle()">
  <button :class="{ active: theme === 'light' }" @click="setTheme('light', $event)" title="浅色模式">
    <span class="icon-[ph--sun-bold]"></span>
  </button>
  <button :class="{ active: theme === 'system' }" @click="setTheme('system', $event)" title="跟随系统">
    <span class="icon-[ph--monitor-bold]"></span>
  </button>
  <button :class="{ active: theme === 'dark' }" @click="setTheme('dark', $event)" title="深色模式">
    <span class="icon-[ph--moon-bold]"></span>
  </button>
</div>
