:root {
    --primary-color: #1e3a8a;
    --text-gray: #666;
    --border-color: #eee;
}

        /* ================= 英雄區域 (內頁Banner) ================= */
        .hero-inner { position: relative; height: 350px; background: url("../../picture/index12-1024x627.webp") no-repeat center center/cover; display: flex; align-items: flex-end; padding-bottom: 50px; }
        .hero-inner::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.4); }
        .hero-content { position: relative; z-index: 2; color: #fff; width: 100%; text-align: left; transform: none; top: auto; left: auto; }
        .hero-title { font-size: 36px; font-weight: bold; margin-bottom: 10px; letter-spacing: 2px; }
        .breadcrumbs { font-size: 14px; color: #fff; font-weight: 700; }
        .breadcrumbs a { color: #fff; }
        .breadcrumbs a:hover { color: #f5a623; }

        /* 響應式適配 */
        @media (max-width: 768px) {
            .hero-inner { height: 250px; text-align: center; }
        }

/* EyouCMS dynamic helpers */
.nav-links .is-current,
.nav-links a.active,
.nav-links a:hover { color: #f5a623; }
.cms-content img { max-width: 100%; height: auto; }
.cms-content table { max-width: 100%; border-collapse: collapse; }
.cms-content p { margin-bottom: 12px; }
.pagination { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 36px; }
.pagination a,
.pagination span { min-width: 36px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; background: #fff; color: #333; text-align: center; }
.pagination a:hover,
.pagination .active { background: var(--primary-color, #1e3a8a); border-color: var(--primary-color, #1e3a8a); color: #fff; }
.logo a { color: inherit; }
.header-actions a { color: inherit; }

.empty-tip { grid-column: 1 / -1; padding: 48px 20px; text-align: center; color: #888; background: #fff; border-radius: 8px; }
/* Extracted common helpers */

.detail-side-image { box-shadow: 0 4px 15px rgba(0,0,0,0.1); }