/* 🌸 BLACKPINK 粉紅熱潮 CSS - 純漸層版 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&display=swap');

/* ==================== 核心漸層背景 ==================== */
body {
    background: linear-gradient(135deg, 
        #FF69B4 0%,      /* Hot Pink */
        #FFB6C1 25%,     /* Light Pink */
        #FFC0CB 50%,     /* Pink */
        #FF69B4 75%,     /* Hot Pink */
        #FFB6C1 100%     /* Light Pink */
    ) !important;
    background-size: 400% 400% !important;
    animation: blackpinkGradient 15s ease infinite !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    min-height: 100vh !important;
}

/* BLACKPINK 官方呼吸漸層動畫 */
@keyframes blackpinkGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ==================== 文字美化 ==================== */
/* 所有文字變白色 + 粉紅陰影 */
body, h1, h2, h3, h4, p, a, span, div, li {
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
}

/* 標題霓虹粉紅漸層 */
h1, h2, h3, h4 {
    background: linear-gradient(45deg, #FF1493, #FF69B4, #FFB6C1) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: pinkGlow 2s ease-in-out infinite alternate !important;
}

@keyframes pinkGlow {
    from { filter: drop-shadow(0 0 5px #FF1493); }
    to { filter: drop-shadow(0 0 20px #FF69B4); }
}

/* ==================== 卡片毛玻璃 ==================== */
/* 文章/區塊變毛玻璃 */
article, .post, .entry-content, .content, .container, 
.main, .site-main, .post-content {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 25px !important;
    margin-bottom: 20px !important;
    transition: all 0.3s ease !important;
}

article:hover, .post:hover, .entry-content:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(255, 105, 180, 0.4) !important;
}

/* 連結變粉紅 */
a {
    color: #FF69B4 !important;
    text-decoration: none !important;
}

a:hover {
    color: #FF1493 !important;
    text-shadow: 0 0 10px #FF69B4 !important;
}

/* ==================== 按鈕美化 ==================== */
button, .btn, input[type="submit"] {
    background: linear-gradient(45deg, #FF69B4, #FF1493) !important;
    color: white !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 12px 25px !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}

button:hover, .btn:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 5px 20px rgba(255, 105, 180, 0.5) !important;
}

/* ==================== 導航列 ==================== */
.navbar, .menu, nav {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 0 0 20px 20px !important;
}

/* ==================== 響應式手機 ==================== */
@media (max-width: 768px) {
    body { padding: 10px !important; }
    article, .post { padding: 15px !important; margin-bottom: 15px !important; }
    h1 { font-size: 1.8em !important; }
}

/* ==================== WordPress 專用 ==================== */
.post-thumbnail img {
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(255, 105, 180, 0.3) !important;
}

.widget {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 15px !important;
    padding: 20px !important;
}