.faq {
      width:90%;
      margin: 0 auto;
      list-style: none;
      padding: 0;
    }
    .faq-title {
      font-size: 2.3rem;
      font-weight: 700;
      margin-bottom: 1.5rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .faq li {
      border-bottom: 1px solid #ddd;
      padding: 14px 0;
    }

    .faq-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      font-size: 1.3rem;
      font-weight: 500;
    }

    .faq-icon {
      width: 36px;
      height: 36px;
      background: #f4f4f4;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: transform 0.3s;
    }

    .faq-icon svg {
      width: 16px;
      height: 16px;
      fill: #333;
      transition: transform 0.3s;
    }

    .faq li.active .faq-icon svg {
      transform: rotate(180deg);
    }

    /* 展開動畫區域 */
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      margin-top: 0;
      color: #555;
      font-size: 1rem;
      transition: max-height 0.4s ease, margin-top 0.3s ease;
    }

    .faq li.active .faq-answer {
      margin-top: 10px;
      max-height: 300px;
    }
    .faq-question>span {
        font-size:1.4rem !important;
    }
    @media(max-width:768px){
     .faq-question>span {
        font-size:1.3rem !important;
        font-weight:700;
     }
      .faq {
        width:100%;
      }
    }

    .faq-answer {
        font-size:1.2rem !important;
        margin-left:20px;
    }

    ul.faq>li>div {
        padding:2px 20px !important;
    }