/*
Theme Name: 無極九天玄母宮 4.0.3
Author: WJX
Description: 單一宮廟前台主題：桌面網站、手機 App Style、平板自適應。
Version: 4.0.3
*/
:root{--red:#751616;--red2:#a52d2d;--gold:#c8a45d;--cream:#f6f0e6;--dark:#20262d;--line:#e7ded1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#242424;background:#fff;font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif}a{color:inherit;text-decoration:none}
.topbar{background:var(--dark);color:#fff;font-size:13px}.topbar-in,.header-in,.container{max-width:1200px;margin:auto}.topbar-in{padding:10px 20px;display:flex;justify-content:space-between}
.header{background:#fff;border-bottom:1px solid var(--line)}.header-in{min-height:78px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-weight:900;font-size:25px;color:var(--red);white-space:nowrap}.nav{display:flex;gap:20px;align-items:center;font-weight:800}.nav a:hover{color:var(--red)}
.hero{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff}.hero-in{max-width:1200px;margin:auto;padding:82px 20px;text-align:center}.hero h1{font-size:48px;margin:0 0 12px}.hero p{margin:0;opacity:.92;font-size:18px}
.container{padding:44px 20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head h2{margin:0;font-size:28px}.muted{color:#777}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.05)}.thumb{width:100%;height:190px;object-fit:cover;background:#eee}.card-body{padding:18px}.card h3{margin:7px 0 8px}.date{font-size:12px;color:#888}
.quick{background:var(--cream)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center;font-size:27px}.quick b{display:block;font-size:15px;margin-top:8px}
.footer{background:var(--dark);color:#ddd;text-align:center;padding:35px 20px;margin-top:20px}.mobile-nav{display:none}
@media(max-width:767px){
 .topbar,.nav{display:none}.header-in{min-height:58px;padding:12px 15px;position:sticky;top:0;z-index:50}.brand{font-size:19px}.hero-in{padding:48px 16px}.hero h1{font-size:31px}.hero p{font-size:14px}.container{padding:28px 14px}.section-head h2{font-size:21px}.grid{grid-template-columns:1fr;gap:12px}.thumb{height:175px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick a{padding:17px 8px;font-size:23px}.footer{padding-bottom:92px}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:100;background:#fff;border-top:1px solid #ddd;justify-content:space-around;padding:7px 3px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -3px 15px rgba(0,0,0,.06)}.mobile-nav a{text-align:center;font-size:19px}.mobile-nav small{display:block;font-size:10px;margin-top:2px}
}
@media(min-width:768px) and (max-width:1199px){.header-in,.hero-in,.container{max-width:1000px}.nav{gap:12px;font-size:14px}}