.elementor-29421 .elementor-element.elementor-element-0726c09{--display:flex;--z-index:0;}.elementor-29421 .elementor-element.elementor-element-0726c09.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-29421 .elementor-element.elementor-element-0726c09{--width:82.606%;}}/* Start custom CSS for html, class: .elementor-element-2029e12 *//* ### CSS 樣式區塊 ### */

/* 1. 頂層容器樣式 (取代原本的 Body 樣式) */
/* 這裡設定了整個區塊的背景色、字體和文字顏色 */
#custom-grok-landing {
    font-family: 'Noto Sans TC', sans-serif;
    background-color: #0f172a; /* 深色背景 */
    color: white;
    scroll-behavior: smooth;
    width: 100%;
    overflow-x: hidden; /* 防止水平滾動條 */
    line-height: 1.5; /* 確保行高適中 */
}

/* 2. 玻璃擬態面板效果 */
#custom-grok-landing .glass-panel {
    background: rgba(17, 24, 39, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* 3. 文字發光效果 (藍色) */
#custom-grok-landing .text-glow-blue {
    text-shadow: 0 0 20px rgba(34, 211, 238, 0.5);
}

/* 4. 按鈕樣式重置 */
#custom-grok-landing .custom-btn-reset {
    text-decoration: none !important; /* 強制移除底線 */
    transition: all 0.3s ease;
}

/* 5. 拍立得照片卡片樣式 */
#custom-grok-landing .polaroid-card {
    background-color: white;
    padding: 1rem;
    padding-bottom: 3rem;
    color: #333;
    transform: rotate(-2deg); /* 預設微微傾斜 */
    transition: all 0.3s ease;
}

/* 拍立得懸停效果：回正並放大 */
#custom-grok-landing .polaroid-card:hover {
    transform: rotate(0deg) scale(1.05);
    z-index: 10;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 6. 文字漸層效果 */
#custom-grok-landing .text-gradient {
    background: linear-gradient(to right, #22d3ee, #f97316);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#custom-grok-landing .text-gradient-blue {
    background: linear-gradient(to right, #22d3ee, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0726c09 *//* CSS 樣式 (強制覆蓋版)
  功能：解決 WordPress 佈景主題造成的文字變黑、按鈕樣式混亂問題
*/

/* 1. 全域容器設定：強制背景色與字體 */
#custom-grok-landing {
    background-color: #0B1120;
    font-family: 'Noto Sans TC', sans-serif;
    overflow-x: hidden;
    width: 100%;
    min-height: 100vh;
    position: relative;
    line-height: 1.5;
    /* 強制設定容器內文字為白色 */
    color: #ffffff; 
}

/* 2. 強制所有子元素文字為白色 (解決輸入框黑色問題) */
#custom-grok-landing p,
#custom-grok-landing h1,
#custom-grok-landing h2,
#custom-grok-landing h3,
#custom-grok-landing h4,
#custom-grok-landing h5,
#custom-grok-landing h6,
#custom-grok-landing span,
#custom-grok-landing li,
#custom-grok-landing div {
    color: #ffffff;
}

/* 3. 例外處理：拍立得卡片 (白底必須是黑字) */
/* 使用 !important 確保不被上面的白色規則覆蓋 */
#custom-grok-landing .polaroid-card,
#custom-grok-landing .polaroid-card h4,
#custom-grok-landing .polaroid-card p,
#custom-grok-landing .polaroid-card span {
    color: #000000 !important;
}

/* 4. 按鈕重置與樣式 (解決按鈕混亂問題) */
/* 針對擁有 custom-btn-reset 類別的按鈕進行清洗 */
#custom-grok-landing .custom-btn-reset {
    border: none !important;           /* 移除預設邊框 */
    background-image: none !important; /* 移除預設背景漸層 */
    text-decoration: none !important;  /* 移除底線 */
    box-shadow: none;                  /* 先移除預設陰影 */
    box-sizing: border-box !important;
    display: inline-flex !important;   /* 確保排版正確 */
    color: #ffffff !important;         /* 強制按鈕文字白色 */
}

/* 恢復按鈕的自定義陰影 (因為上面 reset 掉了) */
#custom-grok-landing .shadow-neon-orange {
    box-shadow: 0 0 10px #FF6B00, 0 0 20px rgba(255, 107, 0, 0.5) !important;
}
#custom-grok-landing .shadow-neon-green {
    box-shadow: 0 0 10px #06C755, 0 0 20px rgba(6, 199, 85, 0.5) !important;
}

/* 5. 視覺特效與輔助樣式 */
#custom-grok-landing .text-glow-blue {
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.6);
}
#custom-grok-landing .glass-panel {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
#custom-grok-landing .text-gradient-blue {
    background: linear-gradient(to right, #00F0FF, #0099ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* 修正漸層文字被上面強制白色覆蓋的問題 */
    color: transparent !important; 
}
#custom-grok-landing .text-gradient {
    background: linear-gradient(to right, #FF6B00, #FFD700);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
}

/* 拍立得樣式 */
#custom-grok-landing .polaroid-card {
    background-color: white;
    padding: 12px 12px 40px 12px;
    transition: transform 0.3s ease, z-index 0.3s;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.5);
}
#custom-grok-landing .polaroid-card:hover {
    transform: scale(1.05) rotate(0deg) !important;
    z-index: 10;
}/* End custom CSS */