/* 方案 A：保留首頁現有 FAQ（details.yd-q），只借用 Yaodian UI Kit 的展開動畫。
   - 用原生 ::details-content 讓答案高度滑開（Chrome/Edge 131+、Safari 18.4+）；
     不支援的瀏覽器維持現在的瞬間展開，不影響功能。
   - 緩動與時間取自 Kit：--yd-ease、grid-template-rows .5s。
   - 減少動態效果時關閉。 */
body.yd-site{--yd-ease:cubic-bezier(.2,.85,.25,1.15)}
@supports selector(::details-content){
  body.yd-site details.yd-q{interpolate-size:allow-keywords}
  body.yd-site details.yd-q::details-content{
    block-size:0;overflow:hidden;opacity:0;
    transition:block-size .5s ease,opacity .35s ease,content-visibility .5s allow-discrete;
  }
  body.yd-site details.yd-q[open]::details-content{block-size:auto;opacity:1}
}
body.yd-site details.yd-q summary::after{transition:background .2s,color .2s,transform .4s var(--yd-ease)}
body.yd-site details.yd-q[open] summary::after{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){
  body.yd-site details.yd-q::details-content,
  body.yd-site details.yd-q summary::after{transition:none}
}