/* ========================================
   動態主題樣式
   自動生成於: 2026-01-15 04:02:32
   主色調: #667eea
   輔色調: #764ba2
   ======================================== */

:root {
    --primary-color: #667eea;
    --primary-light: #758AEC;
    --primary-dark: #5B71D2;
    --secondary-color: #764ba2;
    --secondary-light: #835DAB;
    --secondary-dark: #6A4391;
}

/* 按鈕樣式 */
.btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-color: #667eea !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #5B71D2 0%, #6A4391 100%) !important;
    border-color: #5B71D2 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.btn-outline-primary {
    color: #667eea !important;
    border-color: #667eea !important;
}

.btn-outline-primary:hover {
    background-color: #667eea !important;
    border-color: #667eea !important;
    color: white !important;
}

/* 連結樣式 */
a {
    color: #667eea;
}

a:hover {
    color: #5B71D2;
}

/* 導航列樣式 */
.navbar-custom {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.navbar-modern {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* 卡片標題樣式 */
.card-header.bg-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* Badge 樣式 */
.badge.bg-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* 標籤樣式 */
.tag-badge {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.85em;
    margin-right: 6px;
    display: inline-block;
}

/* 進度條樣式 */
.progress-bar {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* 表單焦點樣式 */
.form-control:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem #667eea33;
}

.form-check-input:checked {
    background-color: #667eea;
    border-color: #667eea;
}

/* 分頁樣式 */
.pagination .page-link {
    color: #667eea;
}

.pagination .page-item.active .page-link {
    background-color: #667eea;
    border-color: #667eea;
}

.pagination .page-link:hover {
    color: #5B71D2;
    background-color: #758AEC33;
}

/* 下拉選單樣式 */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #667eea;
}

.dropdown-item:hover {
    background-color: #758AEC33;
}

/* 文字顏色 */
.text-primary {
    color: #667eea !important;
}

.text-secondary {
    color: #764ba2 !important;
}

/* 背景顏色 */
.bg-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* 邊框顏色 */
.border-primary {
    border-color: #667eea !important;
}

/* 輪播圖控制按鈕 */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #667eeacc;
    border-radius: 50%;
    padding: 20px;
}

/* 導航選單項目 hover */
.nav-link:hover {
    color: #667eea !important;
}

.dropdown-item-modern:hover {
    background: linear-gradient(90deg, #667eea22 0%, #764ba222 100%);
}

/* 標籤輸入框 */
.tag-input-wrapper {
    border-color: #667eea44;
}

.tag-input-wrapper:focus-within {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem #667eea33;
}

.tag-item {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 收藏按鈕 */
.favorite-btn.favorited {
    color: #667eea;
}

/* 統計卡片 */
.stat-card {
    border-left: 4px solid #667eea;
}

/* Alert 樣式 */
.alert-primary {
    background-color: #758AEC22;
    border-color: #667eea;
    color: #5B71D2;
}

/* Spinner 載入動畫 */
.spinner-border.text-primary {
    color: #667eea !important;
}

/* 自訂捲軸 */
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #5B71D2 0%, #6A4391 100%);
}