
    html, body {
      font-family: 'PingFang TC', 'Microsoft JhengHei', Arial, sans-serif;
      background: #f7f8fc;
      margin: 0; padding: 0;
      color: #2c2c2c;
      font-size: 17px;
      line-height: 1.7;
    }
    .container {
      max-width: 760px;
      margin: 0 auto;
      background: #fff;
      box-sizing: border-box;
      border-radius: 20px;
      box-shadow: 0 5px 36px 0 rgba(181, 187, 204, 0.14);
      padding: 28px 18px 60px 18px;
      margin-top: 28px;
      margin-bottom: 32px;
    }
    h1 {
      font-size: 2.2em;
      color: #f57d31;
      font-weight: bold;
      margin-bottom: 0.3em;
      letter-spacing: 1px;
    }
    h5 {
      margin-top: 2em;
      color: #fa8c41;
      font-size: 1.13em;
      letter-spacing: 2px;
    }
    .small-muted {
      color: #aaa;
      font-size: 0.97em;
    }
    .hero-img {
      max-width: 90%;
      height: auto;
      border-radius: 16px;
      box-shadow: 0 2px 16px 0 rgba(216, 132, 40, 0.10);
      display: block;
      margin: 20px auto 12px auto;
    }
    .toc {
      background: #fff8f0;
      border-radius: 20px;
      padding: 20px 20px 8px 22px;
      margin: 18px 0 30px 0;
      box-shadow: 0 2px 16px 0 rgba(255, 187, 98, 0.11);
      font-size:1.07em;
    }
    .toc li {
      margin-bottom: 8px;
      line-height: 1.5;
    }
    .toc a {
      color: #f57d31;
      font-weight: bold;
      text-decoration: none;
      transition: color 0.2s;
    }
    .toc a:hover {
      color: #ffb366;
    }
    .qa-section {
      margin: 0 0 26px 0;
    }
    .qa-card {
      background: linear-gradient(92deg, #fff6e7 0%, #ffe7f2 100%);
      border-radius: 18px;
      margin: 24px 0;
      box-shadow: 0 2px 14px 0 rgba(240,160,90,.08);
      padding: 0;
      border-left: 7px solid #f7b056;
      overflow: hidden;
      transition: box-shadow 0.2s;
      display: flex;
      flex-direction: column;
    }
    .qa-question {
      padding: 19px 23px 7px 18px;
      font-size: 1.18em;
      color: #f57d31;
      font-weight: bold;
      letter-spacing: 0.5px;
      background: none;
      border: none;
      text-align: left;
      outline: none;
      user-select: none;
    }
    .qa-answer {
      padding: 0 22px 18px 32px;
      font-size: 1em;
      color: #373737;
      background: none;
      animation: fadeIn 0.7s;
    }
    .qa-answer ul, .qa-answer ol {
      margin: 0.5em 0 0.7em 1.1em;
      padding-left: 0.4em;
    }
    .summary, .seo-box {
      border-radius: 16px;
      margin-top: 32px;
      margin-bottom: 20px;
      font-size: 1.03em;
    }
    .summary {
      background: linear-gradient(90deg, #ffe7c2 0%, #f4f2ff 100%);
      padding: 17px 23px;
      color: #794b15;
      border-left: 6px solid #ffb057;
      box-shadow: 0 2px 12px 0 rgba(255, 204, 101, 0.08);
      font-weight: 500;
    }
    .seo-box {
      background: #f7f6ff;
      color: #8a6c2e;
      border-left: 5px solid #92a0ff;
      padding: 14px 19px;
      margin-bottom: 0;
      letter-spacing: 0.5px;
    }
    /* 純色方格聯絡區塊 */
    .contact-box {
      background: #ffefdc;       /* 純橘色系背景 */
      border: 2px solid #ff6600; /* 純橘色邊框 */
      border-radius: 0;          /* 直角方格 */
      box-shadow: none;
      padding: 22px 22px 12px 22px;
      margin: 36px 0 0 0;
      font-size: 1.13em;
      color: #a94900;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .main-phone {
      font-size: 1.53em;
      color: #ff6600;    /* 純橘色 */
      font-weight: bold;
      letter-spacing: 1px;
      display: inline-block;
      margin: 10px 0 8px 0;
      line-height: 1.2;
    }
    @media (max-width: 600px) {
      .container {padding: 9px 1vw;}
      h1 { font-size: 1.25em;}
      .hero-img {max-width: 100%;}
      .toc {padding: 11px 10px 4px 13px;}
      .qa-question {font-size: 1em; padding: 14px 14px 3px 10px;}
      .qa-answer {padding: 0 12px 13px 18px;}
      .summary,.seo-box {padding: 10px 11px;}
      .qa-card {margin: 13px 0;}
      .main-phone {font-size: 1.1em;}
      .contact-box {padding: 13px 7px 8px 10px;}
    }
    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }
  