/* =====================================================================
   內容區塊樣式（由原靜態頁面內嵌 <style> 抽取合併，全站共用）
   表格 .tbl / 目錄 .toc / 提示 .callout / 摘要 .summary-box 等
   ===================================================================== */
/* 表格與內鏈區塊：建議日後搬入 css/main.css，供全站頁面共用 */
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:520px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .section-ink .tbl th,.section-ink .tbl td{border-color:rgba(255,255,255,.22)}
    .section-ink .tbl thead th{background:rgba(255,255,255,.10)}
    .toc{display:flex;flex-wrap:wrap;gap:10px 14px;margin:14px 0 0;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .link-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
    .link-cols h3{margin:0 0 8px}
    .link-cols ul{margin:0;padding-left:18px}
    .link-cols li{margin:6px 0;font-size:15px}
    .note{font-size:13px;opacity:.75;margin-top:10px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:520px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .summary-box{border:1px solid rgba(150,120,60,.45);border-radius:8px;padding:20px 22px;margin:22px 0;background:rgba(150,120,60,.05)}
    .summary-box h2{margin-top:0}
    .val{border:1px solid rgba(150,120,60,.4);border-radius:8px;padding:18px 20px;margin:18px 0;background:rgba(150,120,60,.04)}
    .val h3{margin-top:0}
    .prose h2{margin-top:40px;scroll-margin-top:90px}
    .prose h3{margin-top:22px;scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 6px}

/* ---- 下一段 ---- */

/* 共用組件：建議搬入 css/main.css */
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .section-ink .tbl th,.section-ink .tbl td{border-color:rgba(255,255,255,.22)}
    .section-ink .tbl thead th{background:rgba(255,255,255,.10)}
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 0;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .svc-detail{border-top:1px solid rgba(120,120,120,.25);padding:28px 0 6px}
    .svc-detail:first-of-type{border-top:0}
    .svc-detail h3{margin:0 0 10px;scroll-margin-top:90px}
    .svc-detail .tagline{font-size:15px;opacity:.85;margin:0 0 12px}
    .fact-row{display:flex;flex-wrap:wrap;gap:8px 10px;margin:12px 0 14px;padding:0;list-style:none}
    .fact-row li{font-size:13px;border:1px solid rgba(150,120,60,.45);border-radius:999px;padding:5px 11px}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .note{font-size:13px;opacity:.75;margin-top:10px}
    .link-inline{font-size:14px;margin-top:8px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .tbl tfoot td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;font-weight:600;background:rgba(150,120,60,.10)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .pkg{border:1px solid rgba(150,120,60,.4);border-radius:8px;padding:20px 22px;margin:24px 0;background:rgba(150,120,60,.04)}
    .pkg h3{margin-top:0}
    .pkg .who{font-size:15px;opacity:.85;margin:0 0 12px}
    .summary-box{border:1px solid rgba(150,120,60,.45);border-radius:8px;padding:20px 22px;margin:22px 0;background:rgba(150,120,60,.05)}
    .summary-box h2{margin-top:0}
    .prose h2{margin-top:38px;scroll-margin-top:90px}
    .prose h3{margin-top:22px;scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 6px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .tbl tfoot td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;font-weight:600;background:rgba(150,120,60,.10)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .summary-box{border:1px solid rgba(150,120,60,.45);border-radius:8px;padding:20px 22px;margin:22px 0;background:rgba(150,120,60,.05)}
    .summary-box h2{margin-top:0}
    .summary-box ul{margin:10px 0 0;padding-left:20px}
    .summary-box li{margin:6px 0}
    .prose h2{margin-top:38px;scroll-margin-top:90px}
    .prose h3{margin-top:22px;scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 6px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .topic-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin-top:18px}
    .topic-cols h3{margin:0 0 6px}
    .topic-cols p.desc{font-size:14px;opacity:.8;margin:0 0 10px}
    .topic-cols ul{margin:0;padding-left:18px}
    .topic-cols li{margin:6px 0;font-size:15px}
    .prose h2{scroll-margin-top:90px}
    .prose h3{scroll-margin-top:90px;margin-top:22px}
    .note{font-size:13px;opacity:.75;margin-top:10px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:520px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .summary-box{border:1px solid rgba(150,120,60,.45);border-radius:8px;padding:20px 22px;margin:22px 0;background:rgba(150,120,60,.05)}
    .summary-box h2{margin-top:0}
    h2.faq-cat{margin-top:44px;scroll-margin-top:90px;padding-bottom:6px;border-bottom:2px solid rgba(150,120,60,.35)}
    .cat-intro{font-size:15px;opacity:.85;margin:8px 0 16px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 6px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .summary-box{border:1px solid rgba(150,120,60,.45);border-radius:8px;padding:20px 22px;margin:22px 0;background:rgba(150,120,60,.05)}
    .summary-box h2{margin-top:0}
    .ind{border:1px solid rgba(150,120,60,.4);border-radius:8px;padding:20px 22px;margin:26px 0;background:rgba(150,120,60,.04)}
    .ind h3{margin-top:0}
    .ind .tag{display:inline-block;font-size:13px;border:1px solid rgba(150,120,60,.5);border-radius:999px;padding:4px 10px;margin:0 6px 10px 0}
    .prose h2{margin-top:40px;scroll-margin-top:90px}
    .prose h3{margin-top:22px;scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 6px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:520px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .summary-box{border:1px solid rgba(150,120,60,.45);border-radius:8px;padding:20px 22px;margin:22px 0;background:rgba(150,120,60,.05)}
    .summary-box h2{margin-top:0}
    .prose h2{margin-top:38px;scroll-margin-top:90px}
    .prose h3{margin-top:22px;scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 6px}

/* ---- 下一段 ---- */

/* 私隱政策頁組件：建議搬入 css/main.css，與 terms 頁共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .prose h2{margin-top:38px;scroll-margin-top:90px}
    .prose h3{margin-top:22px;scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 6px}

/* ---- 下一段 ---- */

/* 條款頁組件：建議搬入 css/main.css，供 privacy 等頁共用 */
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:520px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 0;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .prose h2{margin-top:38px;scroll-margin-top:90px}
    .prose h3{margin-top:22px;scroll-margin-top:90px}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 6px}
    .defs dt{font-weight:600;margin-top:12px}
    .defs dd{margin:4px 0 0 0;padding-left:0}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .prose h2{scroll-margin-top:90px}
    .prose h3{scroll-margin-top:90px;margin-top:22px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .prose h2{scroll-margin-top:90px}
    .prose h3{scroll-margin-top:90px;margin-top:22px}

/* ---- 下一段 ---- */

.toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0;padding:0;list-style:none}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left-color:rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .summary{border:1px solid rgba(150,120,60,.45);border-radius:8px;padding:20px 22px;margin:22px 0;background:rgba(150,120,60,.05)}
    .prose h2{margin-top:40px;scroll-margin-top:90px}

/* ---- 下一段 ---- */

.toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0;padding:0;list-style:none}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left-color:rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .summary-box{border:1px solid rgba(150,120,60,.45);border-radius:8px;padding:20px 22px;margin:22px 0;background:rgba(150,120,60,.05)}
    .prose h2{margin-top:40px;scroll-margin-top:90px}
    .prose h3{margin-top:22px;scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 14px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .tbl tfoot td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;font-weight:600;background:rgba(150,120,60,.10)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .summary-box{border:1px solid rgba(180,60,60,.5);border-radius:8px;padding:20px 22px;margin:22px 0;background:rgba(180,60,60,.05)}
    .summary-box h2{margin-top:0}
    .prose h2{margin-top:40px;scroll-margin-top:90px}
    .prose h3{margin-top:22px;scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 14px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .tbl tfoot td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;font-weight:600;background:rgba(150,120,60,.10)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .prose h2{scroll-margin-top:90px}
    .prose h3{scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 14px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .tbl tfoot td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;font-weight:600;background:rgba(150,120,60,.10)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .prose h2{scroll-margin-top:90px}
    .prose h3{scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 14px}
    .stage{border-left:3px solid rgba(150,120,60,.5);padding:2px 0 2px 18px;margin:20px 0}
    .stage h3{margin-top:0}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .prose h2{scroll-margin-top:90px}
    .prose h3{scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 14px}

/* ---- 下一段 ---- */

/* 建議搬入 css/main.css 共用 */
    .toc{display:flex;flex-wrap:wrap;gap:10px 12px;margin:14px 0 6px;padding:0;list-style:none}
    .toc li{margin:0}
    .toc a{font-size:14px;text-decoration:none;border:1px solid rgba(120,120,120,.35);border-radius:999px;padding:6px 12px;display:inline-block}
    .tbl-wrap{overflow-x:auto;margin:18px 0 8px}
    .tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;min-width:560px}
    .tbl caption{text-align:left;font-size:14px;opacity:.75;padding-bottom:8px}
    .tbl th,.tbl td{border:1px solid rgba(120,120,120,.28);padding:10px 12px;vertical-align:top;text-align:left}
    .tbl thead th{background:rgba(150,120,60,.10);font-weight:600;white-space:nowrap}
    .tbl tbody tr:nth-child(even){background:rgba(120,120,120,.05)}
    .callout{border-left:4px solid rgba(150,120,60,.65);background:rgba(150,120,60,.07);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
    .warn{border-left:4px solid rgba(180,60,60,.6);background:rgba(180,60,60,.06)}
    .prose h2{scroll-margin-top:90px}
    .prose h3{scroll-margin-top:90px}
    .meta-line{font-size:14px;opacity:.75;margin:0 0 14px}
    code{background:rgba(120,120,120,.12);padding:2px 6px;border-radius:4px;font-size:14px}
/* =====================================================================
   CMS 新增元件樣式（輪播、分頁、表單狀態、計算機、搜尋、頁尾署名）
   沿用 main.css 的設計變數，與原設計保持一致
   ===================================================================== */

/* ---- 首頁輪播 ---- */
.hero-slider { position: relative; }
.hero-slider .hero { display: none; }
.hero-slider .hero.is-active { display: block; animation: heroFade .6s var(--ease); }
@keyframes heroFade { from { opacity: .35 } to { opacity: 1 } }
.hero-slider .hero-h {
  font-family: var(--serif); font-weight: 600; letter-spacing: -.02em; line-height: 1.25;
  font-size: clamp(28px, 4.4vw, 46px); color: #fff; margin: 0 0 14px;
}
.hero-dots { position: absolute; left: 0; right: 0; bottom: 22px; display: flex; gap: 9px; justify-content: center; z-index: 2; }
.hero-dots button {
  width: 11px; height: 11px; border-radius: 50%; border: 1px solid rgba(255,255,255,.75);
  background: transparent; cursor: pointer; padding: 0;
}
.hero-dots button.is-active { background: var(--brass-2); border-color: var(--brass-2); }
.hero-arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.4); background: rgba(0,0,0,.22);
  color: #fff; font-size: 26px; line-height: 1; cursor: pointer; border-radius: 50%;
}
.hero-arrow:hover { background: rgba(0,0,0,.42); }
.hero-arrow.prev { left: 16px; }
.hero-arrow.next { right: 16px; }
@media (max-width: 800px) { .hero-arrow { display: none; } }

/* ---- 分頁 ---- */
.pager { margin: 34px 0 8px; }
.pager ul { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0; }
.pager li a, .pager li span {
  display: inline-block; min-width: 40px; text-align: center; padding: 9px 12px;
  border: 1px solid var(--line); text-decoration: none; font-size: 14px;
}
.pager li a:hover { border-color: var(--brass); color: var(--brass-deep); }
.pager li.is-current span { background: var(--cyan); color: #fff; border-color: var(--cyan); }
.pager li.is-disabled span, .pager li.is-gap span { opacity: .4; }
.pager-info { font-size: 13px; color: var(--mute); margin: 10px 0 0; }

/* ---- 分類 chip（連結版）---- */
a.chip { text-decoration: none; display: inline-block; }
a.chip:hover { border-color: var(--brass); color: var(--brass-deep); }
a.chip.is-active:hover { color: #fff; }

/* ---- 搜尋列 ---- */
.blog-search { display: flex; gap: 8px; margin: 0 0 26px; flex-wrap: wrap; }
.blog-search input[type="search"] {
  flex: 1 1 240px; padding: 12px 14px; border: 1px solid var(--line); background: var(--card); color: var(--ink);
}
.search-list { list-style: none; padding: 0; margin: 26px 0 0; }
.search-list li { padding: 16px 0; border-bottom: 1px solid var(--line); }
.search-list li a { font-family: var(--serif); font-size: 19px; text-decoration: none; }
.search-list li a:hover { color: var(--brass-deep); }
.search-list li p { margin: 6px 0 0; color: var(--mute); font-size: 14.5px; }
.search-kind {
  display: inline-block; font-size: 11px; letter-spacing: .14em; padding: 2px 8px; margin-right: 8px;
  border: 1px solid var(--line); color: var(--brass-deep); vertical-align: middle;
}

/* ---- 文章資訊 ---- */
.post-meta { font-size: 13.5px; color: var(--mute); margin: 8px 0 0; }
.page-hero .post-meta { color: #cfe7f1; }
.post-card .post-meta { margin-top: 10px; }
.post-nav { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.post-nav a { text-decoration: none; font-size: 15px; max-width: 46%; }
.post-nav a:hover { color: var(--brass-deep); }
@media (max-width: 700px) { .post-nav a { max-width: 100%; } }

/* ---- 表單狀態 ---- */
.form .req { color: var(--danger); }
.form-ok, .form-err { padding: 14px 16px; margin: 14px 0; font-size: 15px; border: 1px solid; }
.form-ok { background: #e8f7f2; border-color: #9fd7c8; color: #0e5f52; }
.form-err { background: #fdeeeb; border-color: #e6b3a8; color: #8b3a2f; }
.form-err ul { margin: 8px 0 0; padding-left: 20px; }
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---- 稅務計算機 ---- */
.calc-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.calc { border: 1px solid var(--line); padding: 24px; background: var(--card); }
.calc-h { font-size: 19px; margin: 22px 0 4px; }
.calc-h:first-child { margin-top: 0; }
.calc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px 20px; margin-top: 14px; }
.calc-field label { display: block; font-size: 13.5px; margin-bottom: 6px; color: var(--ink-2); }
.calc-field input, .calc-field select {
  width: 100%; padding: 11px 13px; border: 1px solid var(--line); background: #fff; color: var(--ink); font-size: 15px;
}
.calc-field input:focus, .calc-field select:focus { outline: 2px solid var(--cyan-soft); border-color: var(--cyan); }
.calc-field small { display: block; font-size: 12.5px; color: var(--mute); margin-top: 4px; }
.calc-check { display: flex; align-items: center; }
.calc-check label { display: flex; gap: 8px; align-items: center; margin: 0; font-size: 14px; }
.calc-check input { width: auto; }
.calc-subtabs { display: flex; gap: 8px; flex-wrap: wrap; margin: 6px 0 4px; }
.calc-subtabs .chip { display: inline-flex; gap: 6px; align-items: center; }
.calc-subtabs .chip input { margin: 0; }
.calc-actions { margin: 22px 0 0; display: flex; gap: 10px; flex-wrap: wrap; }
.calc-result { margin-top: 34px; border: 1px solid var(--cyan); border-top: 4px solid var(--cyan); padding: 24px; background: var(--cyan-soft); scroll-margin-top: 90px; }
.calc-result h2 { margin-top: 0; }
.calc-result h3 { font-size: 17px; margin: 24px 0 8px; }
.calc-result .tbl { background: #fff; }
.calc-total { font-size: 19px; margin: 18px 0 0; }
.calc-total b { font-size: 27px; color: var(--brass-deep); font-family: var(--serif); }
.calc-total span { font-size: 14px; color: var(--mute); display: inline-block; margin-left: 6px; }
.calc-note { font-size: 14.5px; color: var(--ink-2); margin: 16px 0 0; }
.calc-cta { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.calc-cta p { margin: 0 8px 0 0; font-size: 15px; }

/* ---- WhatsApp 浮動按鈕 ---- */
.wa-float {
  width: auto; height: 56px; border-radius: 999px; padding: 0 18px 0 14px; gap: 8px;
  display: inline-flex; align-items: center; color: #fff; background: #25d366;
  transition: transform .2s var(--ease), box-shadow .2s var(--ease);
}
.wa-float:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(37,211,102,.4); }
.wa-float-txt { font-size: 14px; font-weight: 600; letter-spacing: .02em; }
@media (max-width: 640px) {
  .wa-float { padding: 0; width: 56px; justify-content: center; }
  .wa-float-txt { display: none; }
}

/* ---- 頁尾社交及網頁設計署名 ---- */
.foot-social { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.foot-social a { font-size: 12.5px; letter-spacing: .08em; border: 1px solid rgba(255,255,255,.18); padding: 4px 10px; border-radius: 999px; }
.foot-credit { margin-top: 14px; text-align: center; }
.credit-line {
  display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; letter-spacing: .06em;
  color: #6d7d85; padding: 5px 14px; border-radius: 999px;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06);
  transition: color .25s var(--ease), border-color .25s var(--ease);
}
.credit-line:hover { color: #9fb4bd; border-color: rgba(0,174,239,.28); }
.site-footer .credit-line a {
  color: #8fa3ab; text-decoration: none;
  background-image: linear-gradient(var(--brass-2), var(--brass-2));
  background-size: 0 1px; background-repeat: no-repeat; background-position: 0 100%;
  transition: background-size .3s var(--ease), color .25s var(--ease);
}
.site-footer .credit-line a:hover { color: var(--brass-2); background-size: 100% 1px; }
.credit-line .credit-brand { font-weight: 600; letter-spacing: .04em; }
.credit-by { opacity: .7; }