/* ===== 基本重置 ===== */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

/* ===== 容器 ===== */
.container {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}

/* ===== 卡片網格 ===== */
.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* ===== 卡片 ===== */
.card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.card:hover {
    transform: translateY(-5px);
}

/* 圖片 */
.card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

/* 標題 */
.card h3 {
    font-size: 18px;
    margin: 12px;
}

/* 文字 */
.card p {
    font-size: 14px;
    color: #666;
    margin: 0 12px 15px;
}

/* ===== 按鈕 ===== */
.btn {
    display: inline-block;
    padding: 12px 20px;
    background: #ff6f61;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
}

/* ===== 平板 ===== */
@media (max-width: 992px) {
    .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ===== 手機 ===== */
@media (max-width: 600px) {
    .grid {
        grid-template-columns: 1fr;
    }

    .card img {
        height: 180px;
    }

    .card h3 {
        font-size: 16px;
    }
}
/* =========================
   BLOG 文章響應式系統
   Apple / IG 風格統一
========================= */

/* 全文基礎 */
.entry-content{
    font-family:"Microsoft JhengHei", sans-serif;
    line-height:1.9;
    font-size:17px;
    color:#333;
    max-width:900px;
    margin:0 auto;
    padding:0 20px;
}

/* ========= 標題系統 ========= */

.entry-content h1{
    font-size:clamp(24px,3vw,34px);
    font-weight:600;
    margin:40px 0 20px;
    line-height:1.4;
}

.entry-content h2{
    font-size:clamp(20px,2.5vw,28px);
    font-weight:500;
    margin:30px 0 15px;
}

.entry-content h3{
    font-size:clamp(18px,2vw,24px);
    font-weight:500;
    margin:25px 0 12px;
}

/* ========= 段落 ========= */

.entry-content p{
    font-size:clamp(14px,1.6vw,17px);
    line-height:2;
    margin:14px 0;
    color:#444;
}

/* 小字 / 重點 */
.entry-content span{
    font-size:inherit;
}

/* ========= 圖片 ========= */

.wp-block-image{
    margin:30px 0;
    text-align:center;
}

.wp-block-image img{
    width:100%;
    max-width:100%;
    height:auto;
    border-radius:18px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s ease;
}

.wp-block-image img:hover{
    transform:scale(1.01);
}

/* ========= 連結 ========= */

.entry-content a{
    color:#d9a5a5;
    text-decoration:none;
}

.entry-content a:hover{
    text-decoration:underline;
}

/* ========= 地址區塊 ========= */

.p4{
    background:#faf7f7;
    padding:20px;
    border-radius:16px;
    font-size:14px;
    line-height:1.8;
}

/* ========= 手機優化 ========= */

@media(max-width:768px){

.entry-content{
    font-size:15px;
    padding:0 15px;
}

.entry-content h1{
    font-size:22px;
}

.entry-content h2{
    font-size:20px;
}

.entry-content h3{
    font-size:18px;
}

.wp-block-image img{
    border-radius:14px;
}

}
/* 強制所有文章內容套用統一版型 */
.post .entry-content,
.single .entry-content{
    font-family:"Microsoft JhengHei", sans-serif;
    font-size:17px;
    line-height:2;
    max-width:900px;
    margin:0 auto;
    padding:0 20px;
}
/* =========================
   只作用「文章頁」
   不影響首頁
========================= */

.single-post .wp-block-post-content,
.single-post article{

    max-width:900px;
    margin:0 auto;
    padding:0 20px;

    font-family:"Microsoft JhengHei",sans-serif;
}

/* 段落 */
.single-post p{
    font-size:17px;
    line-height:2;
    color:#444;
    margin:16px 0;
}

/* 標題 */
.single-post h1{
    font-size:clamp(26px,3vw,38px);
    line-height:1.4;
    margin-bottom:25px;
}

.single-post h2{
    font-size:clamp(22px,2.5vw,30px);
    margin:30px 0 15px;
}

.single-post h3{
    font-size:clamp(20px,2vw,24px);
    margin:25px 0 12px;
}

/* 圖片 */
.single-post .wp-block-image{
    margin:35px 0;
    text-align:center;
}

.single-post .wp-block-image img{
    width:100%;
    height:auto;

    border-radius:20px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.3s ease;
}

.single-post .wp-block-image img:hover{
    transform:scale(1.01);
}

/* 地址資訊區 */
.single-post .p4{
    background:#faf7f7;
    padding:20px;
    border-radius:18px;
    margin-top:30px;
}

/* 連結 */
.single-post a{
    color:#d9a5a5;
    text-decoration:none;
}

.single-post a:hover{
    text-decoration:underline;
}

/* 手機 */
@media(max-width:768px){

.single-post p{
    font-size:15px;
}

.single-post h1{
    font-size:24px;
}

.single-post h2{
    font-size:21px;
}

.single-post h3{
    font-size:18px;
}

.single-post .wp-block-image img{
    border-radius:14px;
}

}
/* =========================
   全站文章響應式修復
========================= */

/* 文章區域 */
.entry-content,
.post-content,
.site-content,
.wp-block-post-content{
width:100%;
max-width:100%;
overflow:hidden;
box-sizing:border-box;
}

/* 全站圖片自動響應式 */
.entry-content img,
.post-content img,
.wp-block-post-content img,
img{
max-width:100% !important;
height:auto !important;
display:block;
}

/* WordPress 圖片區塊 */
.wp-block-image img{
max-width:100% !important;
height:auto !important;
}

/* figure 防爆版 */
figure{
max-width:100%;
margin:auto;
}

/* YouTube / iframe 響應式 */
iframe,
embed,
video{
max-width:100% !important;
width:100% !important;
height:auto !important;
aspect-ratio:16/9;
display:block;
border:0;
}

/* 表格避免手機爆掉 */
table{
display:block;
overflow-x:auto;
width:100%;
}

/* 長文字避免超出版 */
p,
span,
div,
a{
word-break:break-word;
}

/* 手機版 */
@media(max-width:768px){

body{
overflow-x:hidden;
}

.entry-content,
.post-content,
.wp-block-post-content{
padding-left:14px;
padding-right:14px;
box-sizing:border-box;
}

/* 手機圖片圓角 */
img{
border-radius:14px;
}

/* 手機文字 */
p{
font-size:16px;
line-height:1.9;
}

}
/* 留言送出按鈕 */

.wp-block-post-comments-form input[type=submit],
.comment-form input[type=submit],
#submit{
background:#ffbdca !important;
border:none !important;
color:#fff !important;
border-radius:999px;
padding:14px 28px;
font-weight:700;
transition:.3s;
}

/* 滑過效果 */
.wp-block-post-comments-form input[type=submit]:hover,
.comment-form input[type=submit]:hover,
#submit:hover{
opacity:.85;
transform:translateY(-2px);
}
/* =========================
   基礎全站安全修復
========================= */

body{
  margin:0;
  overflow-x:hidden;
  font-family:"Microsoft JhengHei", sans-serif;
}

/* 圖片不爆版 */
img{
  max-width:100%;
  height:auto;
  display:block;
}

/* 區塊內容不被撐爆 */
.entry-content,
.wp-site-blocks{
  max-width:100%;
  overflow:hidden;
}

/* =========================
   文章內容排版（安全版）
========================= */

p{
  line-height:1.9;
  font-size:16px;
  word-break:break-word;
}

/* =========================
   最新文章 / Query（安全優化）
========================= */

.wp-block-latest-posts,
.wp-block-query{
  list-style:none;
  padding:0;
  margin:0;
}

/* =========================
   卡片樣式（不影響內容顯示）
========================= */

.wp-block-latest-posts__post-item{
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
  transition:0.3s;
}

.wp-block-latest-posts__post-item:hover{
  transform:translateY(-5px);
}

/* 圖片 */
.wp-block-latest-posts__featured-image img{
  width:100%;
  height:220px;
  object-fit:cover;
}

/* 標題 */
.wp-block-latest-posts__post-title{
  display:block;
  font-size:18px;
  font-weight:600;
  padding:12px 15px;
  color:#222;
  text-decoration:none;
}

/* =========================
   手機版
========================= */

@media(max-width:768px){

  p{
    font-size:15px;
    line-height:1.8;
  }

  .wp-block-latest-posts__featured-image img{
    height:180px;
  }

}

/* =========================
   Site Title 精簡細字版（防手機跳行）
========================= */

.wp-block-site-title,
.wp-block-site-title a{
  font-size:20px !important;
  font-weight:400 !important;   /* 🔥 改細 */
  letter-spacing:0.5px;
  color:#222 !important;

  /* 🔥 防止換行 */
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* hover */
.wp-block-site-title a:hover{
  color:#222 !important;
}

/* =========================
   手機再縮小
========================= */

@media(max-width:768px){

  .wp-block-site-title,
  .wp-block-site-title a{
    font-size:16px !important;   /* 🔥 手機細字 */
    font-weight:400 !important;
    max-width:70vw;              /* 🔥 防爆版 */
  }
}

/* 超小手機 */
@media(max-width:480px){

  .wp-block-site-title,
  .wp-block-site-title a{
    font-size:14px !important;
    max-width:60vw;
  }
}

/* 👁️ 瀏覽人數 - 跟分類標籤同色 */
.views-box{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  color:#d9a5a5;   /* ✔ 跟你標籤顏色一致 */
  background:transparent;
  padding:0;
  border-radius:0;
}

/* 數字 */
.views-box b{
  color:#d9a5a5;   /* ✔ 一樣粉色 */
  font-weight:600;
}

/* hover（可選） */
.views-box:hover{
  opacity:0.8;
  transition:0.2s;
}
/* =========================
   LOGO 強制修正版
========================= */

/* 防止 iPhone 放大 */

html{
    -webkit-text-size-adjust:100%;
}

/* LOGO 外層 */

.mumu-logo{

    width:100%;

    max-width:320px;

    overflow:hidden;
}

/* 主標 */

.logo-main{

    font-size:22px !important;

    font-weight:300 !important;

    line-height:1.3 !important;

    letter-spacing:1px !important;

    color:#222 !important;

    white-space:nowrap !important;

    transform:scale(.92);

    transform-origin:left center;
}

/* 副標 */

.logo-sub{

    font-size:10px !important;

    letter-spacing:3px !important;

    color:#999 !important;

    margin-top:4px;
}

/* Header */

.mumu-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px 32px !important;

    gap:20px;
}

/* =========================
   手機版
========================= */

@media(max-width:768px){

    .mumu-header{

        flex-direction:column;

        text-align:center;

        padding:18px 14px !important;

        gap:14px;
    }

    .mumu-logo{

        max-width:240px;
    }

    .logo-main{

        font-size:16px !important;

        line-height:1.4 !important;

        transform:scale(.95);

        transform-origin:center;
    }

    .logo-sub{

        font-size:9px !important;

        letter-spacing:2px !important;
    }

}