/*
Theme Name: 金來娛樂城 Goldfun Theme
Theme URI: https://www.example.com
Author: Your Name
Author URI: https://www.example.com
Description: 專為金來娛樂城打造的 WordPress 主題，支援 LINE 一鍵登入，SEO 優化，響應式設計。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: goldfun
Tags: casino, entertainment, line-login, responsive, seo-optimized
*/

/* 
 * 主要樣式已使用 Tailwind CSS CDN
 * 此檔案僅包含主題資訊和自訂 CSS
 */

body {
    font-family: 'Noto Sans TC', sans-serif;
    scroll-behavior: smooth;
}

/* 金色漸層文字 */
.text-gold-gradient {
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 金色漸層背景 */
.bg-gold-gradient {
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 50%, #aa771c 100%);
}

/* LINE 綠色按鈕樣式 */
.btn-line {
    background-color: #06C755;
    transition: all 0.3s ease;
}

.btn-line:hover {
    background-color: #05b54d;
    box-shadow: 0 0 20px rgba(6, 199, 85, 0.6);
    transform: translateY(-2px);
}

/* 按鈕光暈動畫 */
@keyframes pulse-line {
    0% { box-shadow: 0 0 0 0 rgba(6, 199, 85, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(6, 199, 85, 0); }
    100% { box-shadow: 0 0 0 0 rgba(6, 199, 85, 0); }
}

.btn-pulse-line {
    animation: pulse-line 2s infinite;
}

/* FAQ 詳細設定 */
details > summary {
    list-style: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

details[open] summary ~ * {
    animation: sweep .5s ease-in-out;
}

@keyframes sweep {
    0%    {opacity: 0; margin-top: -10px}
    100%  {opacity: 1; margin-top: 0px}
}

/* 懸浮按鈕波紋 */
.fab-ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #06C755;
    opacity: 0.6;
    animation: pulse-line 2s infinite;
    z-index: -1;
}

/* 可愛 Banner 專用動畫 */
.float-icon {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(5deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

/* 跑馬燈動畫 */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.animate-marquee {
    animation: marquee 30s linear infinite;
}