/* 拍拍 MOVE 需求對焦表單 — 全域樣式
   視覺以 inline style 為主（與原稿一致），此檔僅處理全域重置、字型、
   keyframes 動畫，以及原稿 style-hover / style-focus 對應的互動狀態。 */

html, body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans TC", "Noto Sans CJK TC", -apple-system, BlinkMacSystemFont,
    "PingFang TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;
}

a { color: #9179CD; }
a:hover { color: #45B1D8; }

input, select, textarea, button { font-family: inherit; }
input::placeholder, textarea::placeholder { color: #B4B6C6; }

/* ---------- 照片輪播牆動畫 ---------- */
@keyframes wallflow { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes wallflow2 { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@keyframes wallpopA { 0% { transform: scale(.72); opacity: 0; } 60% { transform: scale(1.04); } 100% { transform: scale(1); opacity: 1; } }
@keyframes wallpopB { 0% { transform: scale(.72); opacity: 0; } 60% { transform: scale(1.04); } 100% { transform: scale(1); opacity: 1; } }
@keyframes wallpopcA { 0% { transform: translateX(-50%) scale(.72); opacity: 0; } 60% { transform: translateX(-50%) scale(1.04); } 100% { transform: translateX(-50%) scale(1); opacity: 1; } }
@keyframes wallpopcB { 0% { transform: translateX(-50%) scale(.72); opacity: 0; } 60% { transform: translateX(-50%) scale(1.04); } 100% { transform: translateX(-50%) scale(1); opacity: 1; } }

/* ---------- hover / focus（對應原稿 style-hover / style-focus） ---------- */
.hov-border:hover { border-color: #9179CD !important; }
.hov-lilac:hover { background: #EDE6F9 !important; }
.hov-soft:hover { background: #F5F2FB !important; }
.hov-bright:hover { filter: brightness(1.06); }
.hov-bright5:hover { filter: brightness(1.05); }
.inp:focus { border-color: #9179CD !important; outline: none; }

button[disabled] { cursor: not-allowed; opacity: .72; }
button[disabled]:hover { filter: none; }

/* ---------- honeypot ---------- */
.hp-field {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

/* ---------- 窄螢幕微調 ---------- */
@media (max-width: 560px) {
  .grid-4, .grid-5 { grid-template-columns: 1fr 1fr !important; }
}