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

        /* ================= 英雄區域 (內頁Banner) ================= */
        .hero-inner { position: relative; height: 350px; background: url("../../picture/quli-1024x575.jpg") 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; }

        /* ================= 聯繫方式區塊 (左側信息 + 右側地圖) ================= */
        .contact-container { display: grid; grid-template-columns: 1fr 1.5fr; gap: 40px; padding: 60px 0; }
        
        /* 左側信息 */
        .contact-info h2 { font-size: 28px; margin-bottom: 15px; color: #222; }
        .contact-info p { color: var(--text-gray); margin-bottom: 30px; font-size: 14px; line-height: 1.8; }
        .info-list li { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid var(--border-color); color: #333; font-size: 15px; }
        .info-list li i { width: 20px; text-align: center; color: #999; font-style: normal; } /* 圖標佔位符 */
        
        /* 右側地圖 */
        .map-wrapper { width: 100%; height: 100%; min-height: 350px; border-radius: 4px; overflow: hidden; background: #f0f0f0; }
        .map-wrapper iframe { width: 100%; height: 100%; border: none; }

        /* ================= 發送消息表單 ================= */
        .message-section { max-width: 100%; margin: 0 auto; padding: 20px 15px 80px; }
        .message-section h2 { text-align: center; font-size: 32px; margin-bottom: 40px; color: #222; }
        
        .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px; }
        .form-group { width: 100%; }
        
        /* 表單控件樣式（僅保留底部邊框） */
        .form-control { width: 100%; border: none; border-bottom: 1px solid #ccc; padding: 10px 5px; font-size: 15px; outline: none; transition: border-color 0.3s; background: transparent; }
        .form-control:focus { border-bottom-color: var(--primary-color); }
        .form-control::placeholder { color: #aaa; }
        textarea.form-control { resize: vertical; min-height: 120px; margin-bottom: 30px; }
        
        .btn-submit { width: 100%; background: var(--primary-color); color: #fff; border: none; padding: 15px; font-size: 16px; border-radius: 4px; cursor: pointer; transition: 0.3s; font-weight: bold; }
        .btn-submit:hover { background: #152b66; }



        /* 響應式適配 */
        @media (max-width: 992px) {
            .contact-container { grid-template-columns: 1fr; }
            .map-wrapper { height: 400px; }

        }
        @media (max-width: 768px) {

            .form-grid { grid-template-columns: 1fr; gap: 15px; margin-bottom: 15px; }
            .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); }