/* ============================================================
   聯絡我們頁專屬樣式
   ============================================================ */

.contact-layout{display:grid; grid-template-columns:1fr 380px; gap:32px; align-items:start;}
@media (max-width:920px){ .contact-layout{grid-template-columns:1fr;} }

.contact-form-card{padding:34px;}
@media (max-width:640px){ .contact-form-card{padding:24px;} }

.form-group{margin-bottom:20px;}
.form-group label{
  display:block; font-size:13px; font-weight:700; color:var(--ink); margin-bottom:8px;
}
.form-group label .req{color:#DC2626; margin-left:2px;}
.form-group input,
.form-group select,
.form-group textarea{
  width:100%; font-family:inherit; font-size:14.5px; color:var(--ink);
  padding:13px 15px; border:1px solid var(--line-strong); border-radius:12px; background:var(--paper);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  outline:none; border-color:var(--violet); box-shadow:0 0 0 3px rgba(37,99,235,0.12); background:#fff;
}
.form-group textarea{resize:vertical; min-height:120px; line-height:1.7;}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media (max-width:480px){ .form-row{grid-template-columns:1fr;} }

.form-note{font-size:12.5px; color:var(--ink-faint); margin-top:6px; line-height:1.6;}

.contact-side .card{padding:26px; margin-bottom:16px;}
.side-item{display:flex; gap:14px; align-items:flex-start;}
.side-item + .side-item{margin-top:20px;}
.side-item .icon-tile{width:44px; height:44px; border-radius:12px;}
.side-item .icon-tile svg{width:22px; height:22px;}
.side-item h4{font-size:14.5px; margin-bottom:4px;}
.side-item p{font-size:13px; color:var(--ink-soft); line-height:1.6;}
.side-item a.side-link{font-size:13px; color:var(--indigo); font-weight:700;}

.line-card{
  background:var(--brand-grad); border-radius:var(--radius-lg); padding:28px; color:#fff;
}
.line-card h4{color:#fff; font-size:16px; margin-bottom:8px;}
.line-card p{color:rgba(255,255,255,0.85); font-size:13px; line-height:1.7; margin-bottom:18px;}
.line-card .btn{width:100%; justify-content:center;}
.line-card .btn-primary{background:#06C755; box-shadow:none;}
.line-card .btn-ghost{background:rgba(255,255,255,0.14); color:#fff; border-color:rgba(255,255,255,0.4); margin-top:10px;}
.line-card .btn-ghost:hover{color:#fff; border-color:#fff;}
.line-qr-img{
  width:140px; height:140px; border-radius:14px; margin:0 auto 18px;
  background:#fff; padding:8px;
}

/* FAQ */
.faq-list{display:flex; flex-direction:column; gap:12px;}
.faq-item{background:var(--card); border:1px solid var(--line); border-radius:var(--radius-md); overflow:hidden;}
.faq-q{
  width:100%; text-align:left; padding:18px 22px; background:none; border:none; cursor:pointer;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  font-size:14.5px; font-weight:700; color:var(--ink);
}
.faq-q svg{width:18px; height:18px; color:var(--violet); flex-shrink:0; transition:transform .2s ease;}
.faq-item.is-open .faq-q svg{transform:rotate(45deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .25s ease;}
.faq-a p{padding:0 22px 20px; font-size:13.5px; color:var(--ink-soft); line-height:1.8;}
.faq-item.is-open .faq-a{max-height:220px;}