/* index.css with CSS-only background slideshow */
body{font-family:'Microsoft JhengHei',sans-serif;margin:0;background:#f7f8fb;color:#333;}
header{background:#1a2a4f;color:#fff;padding:10px 15px;text-align:center;}
nav a{color:#d4af37;margin:0 8px;text-decoration:none;}

/* Slideshow container */
.hero-banner{position:relative;height:420px;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;overflow:hidden;}
/* Base fallback banner.jpg */
.hero-banner{background:url("../images/banner.jpg") center/cover no-repeat;}
/* Slides as layers */
.hero-banner::before, .hero-banner::after{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:slideFade 15s infinite;}
.hero-banner::before{background-image:url("../images/banner1.jpg");animation-delay:0s;}
.hero-banner::after{background-image:url("../images/banner2.jpg");animation-delay:7.5s;}
@keyframes slideFade{
  0%{opacity:0;}
  5%{opacity:1;}
  45%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:0;}
}
/* Dark overlay for readability */
.hero-banner .shade{
  position:absolute;inset:0;
  background:rgba(0,0,0,.45); /* 調整透明度 0.3~0.5 */
  z-index:0;
}
.hero-content{position:relative;z-index:1;max-width:900px;padding:0 16px;}
.hero-content h2{font-size:28px;margin:0 0 10px;}
.hero-content p{font-size:18px;margin:0;}

/* Features */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:20px;}
.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform .3s;}
.card:hover{transform:translateY(-4px);} 

/* Footer */
footer{background:#0f1c3d;color:#fff;text-align:center;padding:16px 10px;margin-top:24px;font-size:14px;}
footer a{color:#d4af37;text-decoration:none;}
footer a:hover{text-decoration:underline;}

/* --- Hero Logo 樣式 --- */
.site-logo {
  font-size: 72px;       /* 大字體 */
  font-weight: 900;      /* 粗體 */
  color: #d4af37;        /* 金色 */
  text-shadow: 3px 3px 10px rgba(0,0,0,0.7);
  margin-bottom: 20px;
}