#table_chk {
			border:1px solid red;
			border-top-width:0px;
		}
		#table_chk tbody tr td {
			font-size: 18px;
			border:1px solid red;
			padding-left: 5px;
			padding-right: 5px;
		}
		#table_chk thead tr th {
			background-color: #337ab7;
			color: white;
			border:1px solid red;
			padding-left: 5px;
			padding-right: 5px;
		}
		/* 避免 SetPassWord 浮現在下拉選項的上面 */
		label {
			z-index: -1;
		}
		/* 下拉選項尚未顯示時隱藏 */
		#SetYear {
			visibility:hidden;
		}
		#SetPassWord {
			visibility:hidden;
		}
		#feedback-tab {
			visibility:hidden;
		}
		/* 不使用了,不顯示 */
			#bocast_1 {
			visibility:hidden;
		}
		/* --- 操作錄製器按鈕樣式 --- */
		#rec-trigger-container {
			cursor: pointer;
			position: fixed; /* 保持固定位置 */
			top: 6px; /* 向上微調 */
			width: 50px;
			height: 50px;
			border-radius: 50%; 
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5), 0 0 15px rgba(255, 255, 255, 0.4);
			z-index: 1001; 
			display: flex;
			justify-content: center;
			align-items: center;
			background: #333333; /* 預設灰黑色背景 */
			transition: all 0.3s ease-in-out;
		}

		#rec-trigger-container .rec-dot {
			width: 16px;
			height: 16px;
			border-radius: 50%;
			background: #a0a0a0; /* 預設灰色點 */
			transition: all 0.3s ease-in-out;
		}

		#rec-trigger-container:hover {
			transform: scale(1.1);
			box-shadow: 0 6px 15px rgba(0, 0, 0, 0.6), 0 0 25px rgba(160, 160, 160, 0.8);
		}

		/* 錄音中狀態 */
		#rec-trigger-container.recording {
			background: #1a1a1a;
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5), 0 0 15px rgba(255, 50, 50, 0.6);
		}

		#rec-trigger-container.recording .rec-dot {
			background: #ff3333; /* 亮紅色 */
			animation: rec-pulsate 1.5s infinite ease-in-out;
		}

		#rec-trigger-container.recording:hover {
			box-shadow: 0 6px 15px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 50, 50, 0.9);
		}

		@keyframes rec-pulsate {
			0% { transform: scale(1.0); opacity: 1.0; }
			50% { transform: scale(1.25); opacity: 0.5; }
			100% { transform: scale(1.0); opacity: 1.0; }
		}

		/* --- 錄製紀錄面板樣式 --- */
		#rec-report-modal {
			display: none;
			position: fixed;
			top: 10%;
			left: 50%;
			transform: translate(-50%, 0);
			width: 90%;
			max-width: 800px;
			height: 80%;
			max-height: 700px;
			background: #ffffff;
			border-radius: 12px;
			box-shadow: 0 15px 40px rgba(0,0,0,0.35);
			z-index: 100000; /* 高於 overlay */
			flex-direction: column;
			overflow: hidden;
			border: 1px solid #e0e0e0;
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		}

		#rec-report-modal-backdrop {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.6);
			z-index: 99999;
		}

		.rec-report-header {
			background: #1e293b;
			color: #ffffff;
			padding: 15px 20px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 16px;
			font-weight: bold;
		}

		.rec-report-body {
			flex: 1;
			overflow-y: auto;
			padding: 20px;
			background: #f8fafc;
		}

		.rec-report-footer {
			background: #f1f5f9;
			padding: 12px 20px;
			display: flex;
			justify-content: flex-end;
			gap: 10px;
			border-top: 1px solid #e2e8f0;
		}

		.rec-btn {
			padding: 8px 16px;
			border-radius: 6px;
			border: none;
			cursor: pointer;
			font-weight: 500;
			font-size: 14px;
			display: flex;
			align-items: center;
			gap: 6px;
			transition: background 0.2s;
		}

		.rec-btn-primary { background: #3b82f6; color: white; }
		.rec-btn-primary:hover { background: #2563eb; }
		.rec-btn-success { background: #10b981; color: white; }
		.rec-btn-success:hover { background: #059669; }
		.rec-btn-secondary { background: #64748b; color: white; }
		.rec-btn-secondary:hover { background: #475569; }

		/* Timeline 樣式 */
		.rec-timeline {
			position: relative;
			padding-left: 20px;
			border-left: 2px solid #e2e8f0;
			margin: 10px 0;
		}

		.rec-timeline-item {
			position: relative;
			margin-bottom: 15px;
		}

		.rec-timeline-badge {
			position: absolute;
			left: -27px;
			top: 2px;
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: #cbd5e1;
			border: 2px solid #f8fafc;
		}

		.rec-timeline-badge.click { background: #3b82f6; }
		.rec-timeline-badge.input { background: #10b981; }
		.rec-timeline-badge.module { background: #8b5cf6; }
		.rec-timeline-badge.submit { background: #f59e0b; }

		.rec-timeline-content {
			background: #ffffff;
			padding: 10px 15px;
			border-radius: 8px;
			box-shadow: 0 1px 3px rgba(0,0,0,0.05);
			border: 1px solid #e2e8f0;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.rec-item-text {
			font-size: 14px;
			color: #334155;
		}

		.rec-item-time {
			font-size: 12px;
			color: #94a3b8;
			margin-right: 10px;
		}

		.rec-copy-badge {
			background: #f1f5f9;
			border: 1px solid #cbd5e1;
			padding: 2px 6px;
			border-radius: 4px;
			font-size: 12px;
			cursor: pointer;
			color: #475569;
		}
		.rec-copy-badge:hover {
			background: #e2e8f0;
			color: #0f172a;
		}

		#menu-load-status {
			position: fixed;
			top: 45%;
			left: 50%;
			transform: translate(-50%, -50%);
			padding: 14px 20px;
			background: #fff;
			color: #333;
			border: 1px solid #ddd;
			border-radius: 6px;
			box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
			z-index: 1000;
		}