/* 首頁「你在尋找什麼？」區塊（新增，獨立樣式，不借用 story-band） */
.theme-band{background:#FFF8EC;padding:8px 0 8px;}
.theme-band .theme-band-inner{width:min(880px,calc(100% - 48px));max-width:880px;margin:0 auto;box-sizing:border-box;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch;}
.theme-band .theme-band-box{box-sizing:border-box;min-width:0;background:#fff;border:1px solid #c49a52;border-radius:14px;box-shadow:0 16px 34px rgba(48,40,31,.14);}
/* 左框：框內可用約 404px；照片欄 48%，文字欄其餘 */
.theme-band .theme-band-peacock{display:grid;grid-template-columns:48% minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;}
.theme-band .theme-band-photo{background:#fff;border:1px solid rgba(80,70,58,.12);padding:6px;box-shadow:0 8px 18px rgba(48,40,31,.16);box-sizing:border-box;}
.theme-band .theme-band-photo img{display:block;width:100%;height:auto;aspect-ratio:1732/2009;border-radius:4px;}
.theme-band .theme-band-text{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;}
html:root body .theme-band .theme-band-text .eyebrow{display:block;margin:0;font-size:1rem;line-height:1.3;}
html:root body .theme-band .theme-band-explore .eyebrow{font-size:2rem!important;display:flex!important;align-items:center;justify-content:center;gap:12px;width:100%;}
.theme-band .theme-band-explore .eyebrow::before,
.theme-band .theme-band-explore .eyebrow::after{content:"";flex:1;height:1px;background:#c49a52;}
.theme-band .theme-band-text h2{margin:0;line-height:1.3;font-size:1.8rem;}
.theme-band .theme-band-text .btn{margin:0;font-size:.9rem;padding:8px 16px;min-height:0;}
.theme-band .theme-band-explore .btn{font-size:1.1rem;white-space:nowrap;}
@layer shared-buttons{ html:root body .theme-band .theme-band-explore .btn{background-color:rgba(255,255,255,.45)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);} }
.theme-band .theme-band-peacock .btn{font-size:1.1rem;align-self:stretch;text-align:center;}
@media (max-width:760px){
  .theme-band{padding:14px 0 8px;}
  .theme-band .theme-band-inner{width:calc(100% - 36px);grid-template-columns:1fr;gap:12px;}
  .theme-band #theme-band-right{min-height:160px;}
}
/* 右框：主題探索入口（整塊置中，無照片） */
.theme-band .theme-band-explore{display:flex;align-items:center;justify-content:center;padding:18px 22px;}
.theme-band .theme-band-text-center{align-items:center;text-align:center;gap:8px;}
.theme-band .theme-band-text-center p{margin:0;line-height:1.6;font-size:1.15rem;color:#75695d;}
.theme-band .theme-band-explore h2{font-size:clamp(2rem,3.3vw,2.7rem);display:inline-block;margin:0;animation:theme-heartbeat 1.6s ease-in-out infinite;}
.theme-band .theme-explore-title{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:2px;}
.theme-band .theme-explore-cherry{width:36px;height:auto;flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(48,40,31,.35));}
@keyframes theme-heartbeat{
  0%{transform:scale(1);}
  12%{transform:scale(1.1);}
  24%{transform:scale(1);}
  36%{transform:scale(1.1);}
  48%{transform:scale(1);}
  100%{transform:scale(1);}
}
@media (prefers-reduced-motion:reduce){
  .theme-band .theme-band-explore h2{animation:none;}
}
.theme-band .theme-explore-break{display:block;height:0;}
@media (max-width:760px){
  .theme-band .theme-band-explore h2{font-size:2rem;}
.theme-band .theme-band-explore .theme-explore-cherry{width:28px;}
  .theme-band .theme-explore-title{margin-bottom:2px;}
  .theme-band .theme-band-explore{padding:18px 18px;}
}

/* 主題探索框：藍天草地背景圖（上面蓋半透明白） */
.theme-band .theme-band-explore{background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),url("../assets/images/themes/explore-sky.jpg") center bottom/cover no-repeat,#fff;}

/* 電腦版：兩顆按鈕貼底對齊 */
@media (min-width:761px){
  .theme-band .theme-band-peacock{padding-bottom:18px;grid-template-columns:38% minmax(0,1fr);}
  .theme-band .theme-band-peacock .theme-band-text{align-self:stretch;justify-content:flex-start;padding-top:14px;}
  .theme-band .theme-band-peacock .theme-band-text .btn{margin-top:auto;}
.theme-band .theme-band-peacock .theme-band-text h2{font-size:2.4rem;}
  .theme-band .theme-band-explore .theme-band-text-center{align-self:stretch;}
  .theme-band .theme-band-explore .theme-band-text-center .btn{margin-top:auto;}
}

/* 首頁：米色底延伸包住最新消息與最近瀏覽；三顆按鈕緊貼兩個框下方 */
.home-beige-zone{background:#FFF8EC;display:flow-root;}
@layer shared-buttons{
  html:root body.home-page .theme-band .home-entry-actions-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;width:100%!important;margin:-12px 0 0!important;grid-column:1/-1!important;}
  html:root body.home-page .theme-band .home-entry-actions-3 .btn{width:100%!important;max-width:none!important;justify-content:center!important;text-align:center!important;}
  @media(max-width:760px){
    html:root body.home-page .theme-band .home-entry-actions-3{gap:6px!important;margin:-4px 0 0!important;}
    html:root body.home-page .theme-band .home-entry-actions-3 .btn{display:flex!important;align-items:center!important;white-space:normal!important;font-size:clamp(.82rem,3.9vw,.95rem)!important;line-height:1.3!important;padding:8px 4px!important;min-height:56px!important;}
  }
}