@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght=300;400;500;700;900&display=swap');

        :root {
            /* 品牌核心色彩系統 (同步自首頁 index.html) */
            --primary-blue: #3b82f6;
            /* 亮藍主色 (連結、高亮與圖標) */
            --dark-blue: #2563eb;
            /* 亮寶藍 (首頁主要深色/重點色) */
            --dark-orange: #ea580c;
            /* 橘色強調色 (按鈕邊框與高亮) */
            --slate-50: #a8ccf0;
            --slate-100: #f1f5f9;
            --slate-200: #569efd;
            --slate-300: #cbd5e1;
            --slate-400: #94a3b8;
            --slate-500: #64748b;
            --slate-600: #475569;
            --slate-700: #334155;
            --slate-800: #1e293b;
            /* 深藍灰 (文字與深色排版主要顏色) */
            --slate-900: #0f172a;
            /* 深沉黑藍 (頁尾與超深背景) */
            --slate-1000: rgb(167, 210, 218);
            /* 邊框輔助色 */
            --white: #ffffff;
            /* 純白 */

            /* 簡報頁特有色彩與語意變數 */
            --seo-yellow: #fbce03;
            /* 亮黃色 (SEO 主題高亮) */
            --rose-accent: #e11d48;
            /* 玫瑰紅 (痛點區塊強調) */
            --bg-slate: #f8fafc;
            /* 全域底層淺灰背景 */
            --text-main: #1e293b;
            /* 主要內文色, 對應 --slate-800 */
            --text-muted: #64748b;
            /* 輔助/靜態文字色, 對應 --slate-500 */

            /* 佈局與過渡常數 */
            --container-max-width: 1100px;
            --transition-speed: 0.3s;
            --brand-bg-image: url('https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=1000');
            --brand-bg-overlay: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));

            /* 科普語意特有支援 */
            --emerald: #047857;
            --gold: #b45309;
        }
        
        .container { 
            max-width: var(--container-max-width)!important; 
            margin: 0 auto; 
            width: 100%; 
            position: relative; 
            /* padding: 0 1.5rem;  */
        }