body {
            background-color: #fdfaf6;
            color: #3d405b;
            scroll-behavior: smooth;
        }

        /* 無障礙視覺焦點 */
        :focus {
            outline: 3px solid #f4d35e;
            outline-offset: 2px;
        }

        .kv-full-header {
            position: relative;
            width: 100%;
            overflow: hidden;
            background-color: #fff;
            display: block;
        }

        /* 主視覺圖片：直接呈現，不使用背景與動畫 */
        .hero-image {
            width: 100%;
            height: auto;
            display: block;
            position: relative;
            z-index: 1;
        }

        @keyframes kenburns {
            0% { transform: scale(1); }
            100% { transform: scale(1.05); }
        }

        /* --- 2. 有機流動光暈 --- */
        .glow-blob {
            position: absolute; border-radius: 50%; filter: blur(80px);
            opacity: 0.25; z-index: 1; pointer-events: none;
        }
        @keyframes floating-glow {
            0% { transform: translate(0, 0) rotate(0deg); }
            33% { transform: translate(15%, 10%) scale(1.1) rotate(120deg); }
            66% { transform: translate(-10%, 20%) scale(0.9) rotate(240deg); }
            100% { transform: translate(0, 0) rotate(360deg); }
        }
        /* 調整光暈色系為更韓系的粉嫩色 */
        .blob-1 { width: 450px; height: 450px; background-color: yellow; top: -10%; left: -5%; animation: floating-glow 10s infinite ease-in-out; }
        .blob-2 { width: 500px; height: 500px; background-color: pink; bottom: -15%; right: -5%; animation: floating-glow 8s infinite ease-in-out reverse; }

        /* --- 3. 精品填充按鈕 (Sliding Fill Style) --- */
        .c-button {
            position: relative; display: inline-flex; align-items: center; justify-content: center;
            padding: 0.8rem 3rem; border-radius: 9999px; overflow: hidden; text-decoration: none;
            z-index: 10; transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            font-weight: 700; font-size: 1.1rem; background-color: transparent; cursor: pointer;
        }
        .c-button_bg {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            transform: translateY(100%); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: -1;
        }
        .c-button:hover { color: #ffffff !important; }
        .c-button:hover .c-button_bg { transform: translateY(0); }

        /* 按鈕顏色變體 */
        .btn-orange { border: 2px solid #ee964b; color: #ee964b; }
        .btn-orange .c-button_bg { background-color: #ee964b; }
        .btn-green { border: 2px solid #81b29a; color: #81b29a; }
        .btn-green .c-button_bg { background-color: #81b29a; }
        .btn-dark { border: 2px solid #3d405b; color: #3d405b; }
        .btn-dark .c-button_bg { background-color: #3d405b; }

        /* --- 4. 捲動縮放揭幕效果 --- */
        .reveal-container {
            position: relative; overflow: hidden; border-radius: 2rem;
            background-color: #eee; width: 100%;
        }
        .reveal-img {
            width: 100%; height: 100%; object-fit: cover;
            transform: scale(1.3); opacity: 0;
            transition: transform 2.2s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 1.5s ease;
        }
        .reveal-img.is-active { transform: scale(1); opacity: 1; }

        .sub-pulse { animation: subtlePulse 4s infinite ease-in-out; display: inline-block; }
        @keyframes subtlePulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }

        /* --- 5. 平台 Banner 樣式與專屬邊框 --- */
        .platform-item { display: flex; flex-direction: column; align-items: center; transition: all 0.4s ease; }
        .platform-banner-box {
            position: relative; width: 100%; aspect-ratio: 16 / 6; background: white; border-radius: 1.2rem;
            overflow: hidden; display: flex; align-items: center; justify-content: center; padding: .2rem;
            border: 3px solid transparent; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        }
        .platform-item:hover .platform-banner-box { 
            transform: translateY(-10px); 
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); 
        }
        .platform-label { 
            font-weight: 700; font-size: 1.25rem; color: #3d405b; 
            text-align: center; transition: color 0.3s ease; text-decoration: none;
        }
        .platform-item:hover .platform-label { color: #ee964b; }

        /* 專屬邊框顏色定義 */
        .border-pwr { border-color: #81b29a; } /* 鼠尾草綠 */
        .border-chores { border-color: #ee964b; } /* 杏橘 */
        .border-jacker { border-color: #3498db; } /* 水藍 */
        .border-ok { border-color: #f4d35e; } /* 金黃 */
        .border-kt { border-color: #2a9d8f; } /* 藍綠 */
        .border-pony { border-color: #264653; } /* 深炭藍 */
        .border-happy { border-color: #e76f51; } /* 珊瑚橘 */

        .glass-panel {
            background: rgba(253, 250, 246, 0.5);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.4);
        }

        .nav-logo-box {
            background-color: white;
            padding: 4px 12px;
            border-radius: 8px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
            display: flex;
            align-items: center;
            gap: 12px;
        }