/* --- 1. 核心設定 --- */
        :root {
            --brand-blue: #1736F5;
            --brand-dark: #0b1a7a;
            --accent-yellow: #FFC709;
            --card-bg: rgba(255, 255, 255, 0.1);
            --card-border: rgba(255, 255, 255, 0.2);
            --text-white: #ffffff;
            --text-gray: #DEDEDE;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; }

        body {
            background-color: var(--brand-blue);
            background-image: radial-gradient(circle at 20% 80%, #2a4df8 0%, var(--brand-blue) 40%, var(--brand-dark) 100%);
            font-family: 'PingFang TC', 'Microsoft JhengHei', sans-serif;
            color: var(--text-white);
            min-height: 100vh;
            padding: 40px 20px 120px 20px; 
            display: flex;
            justify-content: center;
        }

        /* --- 2. 排版系統 --- */
        .container {
            width: 100%;
            max-width: 1100px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        /* --- 3. 卡片樣式 --- */
        .card {
            background: var(--card-bg);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border: 1px solid var(--card-border);
            border-radius: 30px;
            padding: 30px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            transition: transform 0.3s;
            display: flex;
            flex-direction: column;
        }
        .card:hover { transform: translateY(-5px); border-color: rgba(255,255,255,0.4); }

        /* --- 4. 關於我們專屬區塊 --- */
        
        /* [標題區] Intro */
        .intro-card {
            grid-column: span 3;
            justify-content: center;
        }

        /* [哲學區] Philosophy (黃色強調) */
        .philosophy-card {
            grid-column: span 1;
            background: var(--accent-yellow);
            color: #333;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        /* [歷程區] Timeline Cards */
        .year-card {
            grid-column: span 2; 
            min-height: 200px;
        }

        /* 讓 2024 (成立年) 更顯眼 */
        .year-card.highlight {
            border: 2px solid var(--accent-yellow);
            background: rgba(23, 54, 245, 0.4);
        }

        /* [文字設定 - 重點修改] */
        h1 { 
            /* 指定特粗黑體 */
            font-family: 'Noto Sans TC', sans-serif;
            font-weight: 900;
            
            font-size: 2.5rem; 
            margin-bottom: 20px; 
            line-height: 1.2; 
        }
        
        h2 { 
            /* 指定特粗黑體 */
            font-family: 'Noto Sans TC', sans-serif;
            font-weight: 900;
            
            font-size: 1.5rem; 
            margin-bottom: 10px; 
            color: var(--accent-yellow); 
        }
        
        h3 { 
            /* 指定特粗黑體 */
            font-family: 'Noto Sans TC', sans-serif;
            font-weight: 900;
            
            font-size: 1.2rem; 
            margin-bottom: 10px; 
        }
        
        p { color: var(--text-gray); line-height: 1.6; }
        
        .philosophy-card h3 { 
            /* 指定特粗黑體 */
            font-family: 'Noto Sans TC', sans-serif;
            font-weight: 900;
            
            font-size: 1.5rem; 
            color: #333; 
            margin: 0; 
        }
        .philosophy-card p { color: #555; margin-top: 10px; font-weight: 500; }

        .year-badge {
            display: inline-block;
            background: rgba(255,255,255,0.2);
            padding: 5px 15px;
            border-radius: 20px;
            font-weight: bold;
            margin-bottom: 15px;
            font-size: 1.2rem;
        }
        
        /* 強調年的 Badge 顏色 */
        .highlight .year-badge { background: var(--accent-yellow); color: #333; }

        /* --- 5. 導覽列 (與首頁一致) --- */
        .dock-nav {
            position: fixed;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(255,255,255,0.2);
            backdrop-filter: blur(20px);
            padding: 15px 30px;
            border-radius: 50px;
            display: flex;
            gap: 20px;
            border: 1px solid rgba(255,255,255,0.3);
            z-index: 100;
        }
        .dock-nav a { text-decoration: none; color: #fff; font-weight: bold; transition: 0.2s; }
        .dock-nav a:hover { color: var(--accent-yellow); transform: translateY(-3px); }

        /* --- 6. RWD --- */
        @media (max-width: 768px) {
            .container { grid-template-columns: 1fr; }
            .intro-card, .philosophy-card, .year-card { grid-column: span 1; }
            h1 { font-size: 2rem; }
            .dock-nav { 
                width: 90%; 
                justify-content: space-between; 
                padding: 12px 20px; 
                gap: 10px;
                bottom: 20px;
            }
            .dock-nav a { font-size: 0.85rem; }
        }
        
        /* 裝飾用漂浮元素 */
        .bg-icon {
            position: absolute;
            right: 20px;
            bottom: 20px;
            font-size: 5rem;
            opacity: 0.1;
            transform: rotate(-20deg);
        }