:root {
        --primary-color: #8B4513;
        --secondary-color: #D2691E;
        --light-color: #F5F5DC;
        --dark-color: #3E2723;
    }

    /* 導覽列與連結 */
    .navbar { background-color: var(--primary-color); }
    .navbar-brand, .nav-link { color: white !important; }
    a { text-decoration: none !important; }

    /* 書卡區塊 */
    .book-card { 
        transition: transform 0.3s;
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
        height: 100%;
    }
    .book-card:hover { 
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    .book-img { 
        height: 200px;
        object-fit: cover;
        width: 100%;
    }

    /* 價格 */
    .book-price { 
        color: var(--secondary-color); 
        font-weight: bold;
        font-size: 1.1em;
    }
    .original-price {
        color: #6c757d;
        font-size: 0.9em;
        text-decoration: line-through;
    }
    .discount-price {
        color: #dc3545;
        font-size: 1.5em;
        font-weight: bold;
    }
    .price-container {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    /* 折扣、標籤 */
    .discount-badge, .unavailable-badge {
        position: absolute;
        top: 10px;
        left: 10px;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 0.8em;
        font-weight: bold;
    }
    .discount-badge { background: #dc3545; }
    .unavailable-badge { background: #6c757d; }
    .sale-badge {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #28a745;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 0.8em;
    }

    /* 分類側邊欄 */
    .category-sidebar { 
        background-color: var(--light-color);
        border-radius: 5px;
        padding: 15px;
        margin-bottom: 20px;
    }
    .category-list a {
        color: var(--dark-color);
        text-decoration: none;
        display: block;
        padding: 8px 0;
        border-bottom: 1px solid #ddd;
    }
    .category-list a:hover {
        color: var(--secondary-color);
        background-color: #f8f9fa;
        padding-left: 10px;
    }
    .category-list a:last-child { border-bottom: none; }
    .active-category {
        background-color: var(--primary-color) !important;
        color: white !important;
    }

    /* 區塊標題 */
    .section-title {
        border-left: 4px solid var(--primary-color);
        padding-left: 15px;
        margin: 30px 0 20px 0;
        color: var(--dark-color);
    }

    /* 英雄區塊 */
    .hero-section {
        background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
        color: white;
        padding: 60px 0;
        margin-bottom: 40px;
        border-radius: 10px;
    }

    /* 書籍詳細頁 */
    .book-detail-img {
        max-width: 100%;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    .price-section {
        background-color: #f8f9fa;
        padding: 20px;
        border-radius: 8px;
        margin: 20px 0;
    }
    .book-info-table {
        width: 100%;
        border-collapse: collapse;
    }
    .book-info-table td {
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }
    .book-info-table td:first-child {
        font-weight: bold;
        width: 30%;
        color: var(--dark-color);
    }

    /* 縮圖 */
    .thumbnail-img {
        width: 80px;
        height: 100px;
        object-fit: cover;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 2px solid transparent;
        cursor: pointer;
        border-radius: 4px;
    }
    .thumbnail-img.active { border-color: var(--primary-color); }

    /* 搜尋框 */
    .search-box {
        background-color: var(--light-color);
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 20px;
    }
    .search-type-select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: none;
    }
    .search-input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    /* 分頁與資訊 */
    .pagination .page-link { color: var(--primary-color); }
    .pagination .page-item.active .page-link {
        background-color: var(--light-color);
        border-color: var(--primary-color);
    }
    .results-info {
        background-color: #f8f9fa;
        padding: 10px 15px;
        border-radius: 5px;
        margin-bottom: 20px;
    }

    /* 其他 */
    .action-buttons .btn {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .breadcrumb {
        background-color: transparent;
        padding: 0;
    }
    .contact-service {
        color: #dc3545;
        font-weight: bold;
        font-size: 0.9em;
        text-align: center;
        padding: 5px;
        background-color: #fff3cd;
        border-radius: 4px;
        margin-top: 10px;
        border: 2px solid #ffeaa7;
    }
    .btn-unavailable {
        background-color: #6c757d;
        color: white;
        cursor: not-allowed;
    }

    /* 除錯訊息 */
    .debug-info {
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 15px;
        font-size: 0.9em;
        color: #6c757d;
    }