帳號設定

<link rel="stylesheet" href="/css/settings/settings.css">
<div class="settings-container">
  <div class="settings-header">
	  <h1><i class="fas fa-cog"></i> 帳號設定</h1>
	  <p style="color:#b9bbbe;margin:10px 0 0 0">集中管理您的帳號整合與安全相關操作</p>
  </div>
  <div class="settings-grid">
	  <div class="settings-card">
		  <h3><i class="fas fa-shield-alt"></i> 安全設定</h3>
		  <p>集中管理：2FA、Passkey、變更密碼。</p>
		  <div class="settings-actions">
				<button class="set-btn btn-primary cursor-pointer" onclick="window.location.href='#security_settings.security_home';">
				  <i class="fas fa-shield-alt"></i> 開啟安全設定
				</button>
		  </div>
	  </div>
	  <div class="settings-card">
		  <h3><i class="fas fa-user-circle"></i> 個人化</h3>
		  <p>控制公開程度、網站主題與暱稱。</p>
		  <div class="settings-actions">
				<button class="set-btn btn-primary cursor-pointer" onclick="window.location.href='#personalize.personalize_page';">
				  <i class="fas fa-sliders-h"></i> 開啟個人化設定
				</button>
		  </div>
	  </div>
	  <div class="settings-card">
		  <h3><i class="fas fa-robot"></i> AI 設定</h3>
		  <p>管理 Discord 機器人的 AI 行為與您的個人偏好（提示詞、風格、回覆方式）。</p>
		  <div class="settings-actions">
				<button class="set-btn btn-success cursor-pointer" onclick="window.location.href='#ai_settings.ai_settings_page';">
				  <i class="fas fa-sliders-h"></i> 開啟 AI 設定
				</button>
		  </div>
		  <div class="auth-conditional" data-auth-required="true" style="display:none;">
		  <div class="note small">您是管理員，進入頁面後可調整全域 AI 設定與模型。</div>
		  </div><div class="auth-conditional" data-auth-required="false">
		  <div class="note small">非管理員僅可調整個人偏好。</div>
		  </div><!-- ENDIF -->
	  </div>
	<div class="settings-card">
	    <h3><i class="fab fa-discord"></i> 管理Discord綁定</h3>
	    <p>檢視/更新目前的 Discord 綁定狀態、重新授權或解除綁定。</p>
	    <div class="settings-actions">
		    <button class="set-btn btn-success cursor-pointer" onclick="window.location.href='#settings.settings_discord';">
			<i class="fas fa-sliders-h"></i> 開啟綁定管理
		    </button>
	    </div>
	    <div class="note">若顯示異常可嘗試重新授權或解除後再綁定。</div>
	</div>
	  <div class="settings-card">
		  <h3><i class="fab fa-spotify"></i> Spotify 帳號</h3>
		  <p>連結後可使用 Discord 指令查詢個人資料、播放清單、收藏、最近播放與一起聽功能（不直接播放音樂）。</p>
		  <div class="settings-actions flex-wrap gap-2" id="spotify-actions">
			<button class="set-btn btn-success cursor-pointer" id="spotify-link-btn">
			  <i class="fas fa-link"></i> 連結 Spotify
			</button>
			<button class="set-btn btn-danger cursor-pointer" id="spotify-unlink-btn" style="display:none">
			  <i class="fas fa-unlink"></i> 解除連結
			</button>
			<button class="set-btn btn-secondary cursor-pointer" id="spotify-manage-btn" style="display:none" onclick="window.location.href='/settings/spotify'">
			  <i class="fas fa-sliders-h"></i> 個人化設定
			</button>
			<button class="set-btn btn-outline-info cursor-pointer" id="spotify-refresh-btn" title="重新整理" style="display:none">
			  <i class="fas fa-sync-alt"></i>
			</button>
		  </div>
		  <div class="note small" id="spotify-status">尚未連結。</div>
		  <div class="note small" id="spotify-extra" style="display:none">
			<span id="spotify-product-badge" class="badge" style="background:#222;border:1px solid #444;">-</span>
			<span id="spotify-scopes-badge" class="badge" style="background:#222;border:1px solid #444;">Scopes: -</span>
		  </div>
	  </div>
	  <div class="settings-card">
		  <h3><i class="fas fa-door-open"></i> 登出</h3>
		  <p>結束目前登入工作階段。</p>
		  <div class="settings-actions">
				<button class="set-btn btn-danger cursor-pointer" onclick="window.location.href='#';">
				  <i class="fas fa-sign-out-alt"></i> 登出帳號
				</button>
		  </div>
	  </div>
	  <div class="settings-card">
		  <h3><i class="fas fa-bell"></i> 通知設定</h3>
		  <p>調整機器人私訊與網站通知偏好。</p>
		  <div class="settings-actions">
				<button class="set-btn btn-primary cursor-pointer" onclick="window.location.href='#user_notify.notify_settings_page';">
				  <i class="fas fa-sliders-h"></i> 開啟通知設定
				</button>
		  </div>
	  </div>
	  <div class="auth-conditional" data-auth-required="true" style="display:none;">
	  <div class="settings-card admin-advanced">
		  <h3><i class="fas fa-tools"></i> 進階管理</h3>
		  <p>管理使用者帳號、封禁、重置密碼。</p>
		  <div class="settings-actions">
				<a class="set-btn btn-warning cursor-pointer" href="#settings_advanced.advanced_home">
				  <i class="fas fa-user-shield"></i> 進入管理
				</a>
		  </div>
	  </div>
		<div class="settings-card admin-bot-core">
		  <h3><i class="fas fa-robot"></i> 機器人管理</h3>
		  <p>編輯核心設定（Guild、分類、公告、語音、歡迎訊息）。</p>
		  <div class="settings-actions">
				<a class="set-btn btn-info cursor-pointer" href="#settings_advanced.advanced_bot_core">
				  <i class="fas fa-cogs"></i> 開啟機器人管理
				</a>
		  </div>
		  <div class="note small">僅管理員可存取，變更會寫入 Mongo 並需重新啟動機器人套用。</div>
		</div>
	  </div><!-- ENDIF -->
  </div>
</div>

<script src="/js/settings/settings.js"></script>