.問答{--問答讓位:0px}.問答[hidden],.問答 [hidden]{display:none!important}.問答藏{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.問答圖{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.問答鈕{z-index:45;right:calc(env(safe-area-inset-right) + 24px);bottom:calc(env(safe-area-inset-bottom) + 24px + var(--問答讓位));cursor:pointer;background:var(--深藍,#24435f);color:#fff;min-height:48px;font:inherit;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:16px;font-weight:700;line-height:1;transition:transform .2s cubic-bezier(.23,1,.32,1),background-color .2s cubic-bezier(.23,1,.32,1),bottom .24s cubic-bezier(.23,1,.32,1);display:inline-flex;position:fixed;box-shadow:0 8px 24px #24435f3d}@media (hover:hover) and (pointer:fine){.問答鈕:hover{background:var(--深藍按下,#1a3349)}}.問答鈕:active{transform:scale(.97)}.問答鈕,.問答關,.問答送,.問答範例 button,.問答參考 a{touch-action:manipulation}.問答窗 ::selection{background:var(--奶油,#fef5da);color:var(--深藍,#24435f)}.問答捲{scrollbar-width:thin;scrollbar-color:var(--細線,#e9dfc4) transparent}.問答表 textarea{caret-color:var(--深藍,#24435f)}.問答表 textarea::placeholder{color:var(--灰字,#5b6470);opacity:1}.問答鈕:focus-visible,.問答關:focus-visible,.問答送:focus-visible,.問答範例 button:focus-visible{outline:2px solid var(--黃,#f2ae2b);outline-offset:2px}.問答窗{z-index:70;right:calc(env(safe-area-inset-right) + 24px);bottom:calc(env(safe-area-inset-bottom) + 24px + var(--問答讓位));width:min(400px,100vw - 32px);max-height:min(640px,100dvh - 48px);color:var(--墨,#1f2328);font-family:var(--黑體,"Noto Sans TC", sans-serif);transform-origin:100% 100%;background:#fff;border-radius:16px;flex-direction:column;animation:.2s cubic-bezier(.23,1,.32,1) 問答出現;display:flex;position:fixed;box-shadow:0 16px 48px #24435f38,0 0 0 1px #24435f14}@keyframes 問答出現{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.問答頭{border-bottom:1px solid var(--細線,#e9dfc4);background:var(--奶油,#fef5da);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 20px;display:flex}.問答頭 h2{color:var(--深藍,#24435f);margin:0;font-family:inherit;font-size:17px;font-weight:700;line-height:1.4}.問答關{width:44px;height:44px;color:var(--深藍,#24435f);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.問答關:hover{background:#24435f14}}.問答捲{overscroll-behavior:contain;flex:1;min-height:120px;padding:16px 20px 8px;overflow-y:auto}.問答介紹{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.問答插圖{object-fit:contain;flex:none;width:72px;height:72px}.問答說明{color:var(--灰字,#5b6470);margin:0;font-size:14px;line-height:1.7}.問答說明 a{color:var(--深藍,#24435f);font-weight:700}.問答範例{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.問答範例 button{cursor:pointer;text-align:left;background:var(--淡奶油,#fff9eb);min-height:44px;box-shadow:inset 0 0 0 1px var(--細線,#e9dfc4);color:var(--深藍,#24435f);font:inherit;border:0;border-radius:999px;padding:8px 16px;font-size:15px;line-height:1.4}@media (hover:hover) and (pointer:fine){.問答範例 button:hover{background:var(--奶油,#fef5da)}}.問答範例 button:active{transform:scale(.97)}.問答紀錄{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.問答則{max-width:92%;font-size:16px;line-height:1.75}.問答則 p{margin:0}.問答則 p+p{margin-top:8px}.問答則.問{background:var(--深藍,#24435f);color:#fff;white-space:pre-line;border-radius:16px 16px 4px;align-self:flex-end;padding:8px 16px}.問答則.答{background:var(--淡奶油,#fff9eb);box-shadow:inset 0 0 0 1px var(--細線,#e9dfc4);white-space:pre-line;border-radius:16px 16px 16px 4px;align-self:flex-start;padding:12px 16px}.問答則.提醒{max-width:100%;color:var(--灰字,#5b6470);text-align:center;align-self:center;font-size:14px}.問答參考{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.問答參考 p{color:var(--灰字,#5b6470);flex-basis:100%;font-size:14px}.問答參考 a{min-height:44px;box-shadow:inset 0 0 0 1px var(--細線,#e9dfc4);color:var(--深藍,#24435f);background:#fff;border-radius:16px;align-items:center;padding:8px 16px;font-size:15px;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.問答參考 a:hover{background:var(--奶油,#fef5da)}}.問答參考 a:focus-visible{outline:2px solid var(--黃,#f2ae2b);outline-offset:2px}.問答表{border-top:1px solid var(--細線,#e9dfc4);padding:12px 20px 16px}.問答表 textarea{resize:vertical;border:1px solid var(--框線,#8b929c);width:100%;min-height:64px;max-height:160px;font:inherit;color:var(--墨,#1f2328);background:#fff;border-radius:8px;padding:12px;font-size:16px;line-height:1.6;display:block}.問答表 textarea:focus{outline:2px solid var(--深藍,#24435f);outline-offset:1px;border-color:#0000}.問答錯{color:#a1301f;margin:8px 0 0;font-size:14px;line-height:1.6}.問答列{justify-content:space-between;align-items:center;gap:16px;margin-top:8px;display:flex}.問答數{color:var(--灰字,#5b6470);font-variant-numeric:tabular-nums;font-size:13px}.問答數.超過{color:#a1301f;font-weight:700}.問答送{cursor:pointer;background:var(--深藍,#24435f);color:#fff;min-width:88px;min-height:44px;font:inherit;border:0;border-radius:999px;padding:0 24px;font-size:16px;font-weight:700;transition:transform .2s cubic-bezier(.23,1,.32,1),background-color .2s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.問答送:hover{background:var(--深藍按下,#1a3349)}}.問答送:active{transform:scale(.97)}.問答送:disabled{opacity:.5;cursor:progress}@media (width<=767px){.問答鈕{right:calc(env(safe-area-inset-right) + 16px);bottom:calc(env(safe-area-inset-bottom) + 16px + var(--問答讓位))}.問答窗{width:100%;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;bottom:0;left:0;right:0}.問答頭{border-radius:16px 16px 0 0}}html[data-手機平板] [data-問答] .問答鈕{right:32px;bottom:calc(env(safe-area-inset-bottom) + 32px + var(--問答讓位));min-height:max(100px, var(--手指));gap:16px;padding:0 40px 0 32px}html[data-手機平板] [data-問答] .問答圖{width:48px;height:48px}html[data-手機平板] [data-問答] .問答窗{width:100%;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:32px 32px 0 0;bottom:0;left:0;right:0}html[data-手機平板] [data-問答] .問答頭{border-radius:32px 32px 0 0;padding:16px 16px 16px 40px}html[data-手機平板] [data-問答] .問答關{width:max(96px, var(--手指));height:max(96px, var(--手指))}html[data-手機平板] [data-問答] .問答捲{min-height:240px;padding:32px 40px 16px}html[data-手機平板] [data-問答] .問答範例{gap:16px}html[data-手機平板] [data-問答] .問答範例 button{min-height:max(96px, var(--手指));padding:16px 32px}html[data-手機平板] [data-問答] .問答紀錄{gap:32px}html[data-手機平板] [data-問答] .問答介紹{gap:32px;margin-bottom:32px}html[data-手機平板] [data-問答] .問答插圖{width:144px;height:144px}html[data-手機平板] [data-問答] .問答則.問,html[data-手機平板] [data-問答] .問答則.答{border-radius:32px;padding:20px 32px}html[data-手機平板] [data-問答] .問答表{padding:24px 40px 32px}html[data-手機平板] [data-問答] .問答表 textarea{border-width:2px;border-radius:16px;min-height:150px;max-height:360px;padding:24px;font-size:34px}html[data-手機平板] [data-問答] .問答列{margin-top:16px}html[data-手機平板] [data-問答] .問答送{min-height:max(96px, var(--手指));min-width:180px;padding:0 48px}html[data-手機平板] [data-問答] .問答參考{gap:16px;margin-top:16px}html[data-手機平板] [data-問答] .問答參考 a{min-height:max(96px, var(--手指));border-radius:32px;padding:16px 32px}@media (prefers-reduced-motion:reduce){.問答窗{animation:none}.問答鈕,.問答送{transition:none}}html:has(.內導覽.開更多) .問答[data-記住]{display:none!important}@media (width<=767px){.問答[data-記住] .問答窗{bottom:var(--問答讓位);max-height:min(85dvh, calc(100dvh - var(--問答讓位) - 64px));padding-bottom:0;box-shadow:0 -8px 32px #24435f33,0 0 0 1px #24435f14}}@media (width>=768px){.問答[data-記住] .問答窗{max-height:min(640px, calc(100dvh - var(--問答讓位) - 48px))}}@media print{.問答{display:none!important}}
