:root{--桌:#fff9eb;--紙:#fff;--奶油:#fef5da;--字:#1f2328;--次字:#5b6470;--線:#e9dfc4;--淡線:#f1ead6;--藍:#24435f;--藍深:#1a3349;--藍淡:#e8eef3;--黃:#f2ae2b;--淡黃:#fce7b3;--框線:#8b929c;--紅:#a3261e;--紅底:#fdecea;--綠:#2f6b4a;--綠底:#e7f2eb;--琥珀:#855000;--琥珀底:#fdf1da;--明體:"Noto Serif TC", "PingFang TC", serif;--黑體:"Noto Sans TC", "PingFang TC", system-ui, sans-serif;--數字體:"Manrope", "Noto Sans TC", sans-serif;--緩:cubic-bezier(.23, 1, .32, 1);--底列高:68px;--圓:20px;--圓小:8px;--影:0 1px 2px #24435f0f, 0 8px 24px #24435f14;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--桌);color:var(--字);font-family:var(--黑體);margin:0;font-size:17px;line-height:1.85}::selection{background:var(--淡黃);color:var(--字)}:focus-visible{outline:2px solid var(--藍);outline-offset:3px;border-radius:2px}input,select,textarea,button{font:inherit}input,select,textarea{caret-color:var(--藍);font-size:max(16px,1em)}[hidden]{display:none!important}h1,h2,h3{font-family:var(--明體);text-wrap:balance;color:var(--字);font-weight:700}p{text-wrap:pretty}a{color:var(--藍);text-underline-offset:.28em;text-decoration-color:#24435f66;text-decoration-thickness:1px}.圖示{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.數{font-family:var(--數字體);font-variant-numeric:tabular-nums;font-weight:700}.隱{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.跳到內容{z-index:20;background:var(--紙);color:var(--藍);border-radius:4px;padding:8px 16px;position:absolute;top:-64px;left:16px}.跳到內容:focus{top:8px}.客條{z-index:12;background:var(--紙);border-bottom:1px solid var(--線);padding-top:env(safe-area-inset-top);position:sticky;top:0}.客條身{min-height:72px;padding:8px max(32px, env(safe-area-inset-right)) 8px max(32px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;display:flex}.客條名{min-height:48px;color:var(--字);align-items:center;gap:16px;text-decoration:none;display:inline-flex}.標誌{flex:none;width:44px;height:44px;display:block}.客條名 b{letter-spacing:.02em;white-space:nowrap;font-size:19px;font-weight:700}.客條名 .區名{background:var(--奶油);color:var(--琥珀);white-space:nowrap;border-radius:999px;padding:0 16px;font-size:15px;font-weight:500;line-height:32px}.客條右{align-items:center;gap:8px;font-size:16px;display:flex}.客條人{color:var(--次字);font-size:16px}.登出鈕,.回網站鈕,.條鈕{min-width:44px;min-height:44px;color:var(--字);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;text-decoration:none;display:inline-flex}.登出鈕 .圖示,.條鈕 .圖示{width:22px;height:22px}.回網站鈕{color:var(--次字);text-underline-offset:.28em;text-decoration:underline}.只手機{display:none}.客桌{grid-template-columns:240px minmax(0,1fr);min-height:calc(100dvh - 72px);display:grid}.客桌.公開桌{display:block}@media (width>=900px){.客桌:not(.公開桌){background:linear-gradient(90deg, var(--紙) 0 239px, var(--線) 239px 240px, transparent 240px)}}.客主{outline:none;min-width:0;max-width:1200px;padding:48px 48px 64px}.客主.公開紙{max-width:1200px;margin:0 auto;padding:64px 48px}.客導覽{background:var(--紙);flex-direction:column;justify-content:space-between;align-self:start;gap:32px;height:calc(100dvh - 72px);padding:32px 16px;display:flex;position:sticky;top:72px;overflow-y:auto}.客導覽 ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.客導覽 a{text-decoration:none}.客導覽 ul a,.側底 a{min-height:52px;color:var(--字);transition:background-color .16s var(--緩);border-radius:12px;align-items:center;gap:16px;padding:0 16px;font-size:17px;display:flex}.客導覽 .圖示{width:22px;height:22px;color:var(--次字)}.客導覽 a[aria-current]{background:var(--奶油);color:var(--藍);font-weight:700}.客導覽 a[aria-current] .圖示{color:var(--藍)}.側底{border-top:1px solid var(--淡線);gap:8px;padding-top:16px;display:grid}.側底 a{color:var(--次字);font-size:16px}.未讀點{background:var(--黃);width:10px;height:10px;box-shadow:0 0 0 2px var(--紙);border-radius:50%;margin-left:auto}@media (width<=899px){.客條身{min-height:64px;padding:8px max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));gap:8px}.客條名{gap:8px}.標誌{width:40px;height:40px}.客條名 b{font-size:17px}.客條名 .區名,.客條人{display:none}.只手機{display:inline-flex}.登出鈕 span{display:none}.登出鈕{padding:0}.回網站鈕{padding:0 8px;font-size:15px}.客桌{min-height:0;display:block}.客主{padding:24px max(16px, env(safe-area-inset-right)) calc(var(--底列高) + 32px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.客主.公開紙{padding:32px 16px 48px}.客導覽{z-index:10;background:var(--紙);border-right:0;border-top:1px solid var(--線);height:auto;padding:0 max(4px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px, env(safe-area-inset-left));display:block;position:fixed;inset:auto 0 0;overflow:visible}.客導覽 ul{gap:8px;display:flex}.客導覽 li{flex:1 1 0;min-width:0}.客導覽 ul a{min-height:var(--底列高);color:var(--次字);border-radius:0;flex-direction:column;justify-content:center;gap:4px;padding:0;font-size:15px;line-height:1.3;position:relative}.客導覽 ul a[aria-current]{color:var(--藍);background:0 0}.客導覽 ul a[aria-current]:before{content:"";background:var(--黃);border-radius:0 0 4px 4px;height:4px;position:absolute;top:0;left:28%;right:28%}.側底{display:none}.未讀點{margin:0;position:absolute;top:8px;left:calc(50% + 12px)}}@media (hover:hover) and (pointer:fine){a:hover{color:var(--藍深)}.客導覽 a:hover{background:var(--奶油)}.登出鈕:hover,.條鈕:hover,.回網站鈕:hover{background:var(--奶油);color:var(--藍)}}.頁頭{margin:0 0 32px}.頁頭 h1{margin:0 0 8px;font-size:26px;line-height:1.35}.頁頭 p{color:var(--次字);max-width:36em;margin:0}@media (width>=720px){.頁頭 h1{font-size:34px}}.區{background:var(--紙);border-radius:var(--圓);box-shadow:var(--影);margin:0 0 24px;padding:24px 16px}@media (width>=720px){.區{padding:32px}}.區>h2{align-items:center;gap:8px;margin:0 0 8px;font-size:20px;line-height:1.4;display:flex}.區>h2 .圖示{width:24px;height:24px;color:var(--藍)}.區說{color:var(--次字);margin:0 0 16px;font-size:15px}.主鈕,.次鈕{border-radius:var(--圓小);cursor:pointer;white-space:nowrap;min-height:48px;transition:background-color .16s var(--緩), color .16s var(--緩), border-color .16s var(--緩), transform .12s var(--緩);justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:17px;font-weight:500;text-decoration:none;display:inline-flex}.主鈕{background:var(--藍);color:#fff;border:1px solid var(--藍)}.次鈕{background:var(--紙);color:var(--藍);border:1px solid var(--框線)}.主鈕:active:not(:disabled),.次鈕:active:not(:disabled){transform:scale(.97)}.主鈕:disabled,.次鈕:disabled{background:var(--淡線);color:var(--次字);border-color:var(--淡線);cursor:not-allowed}@media (hover:hover) and (pointer:fine){.主鈕:not(:disabled):hover{background:var(--藍深);border-color:var(--藍深);color:#fff}.次鈕:not(:disabled):hover{border-color:var(--藍);background:var(--藍淡)}}.狀態{color:var(--次字);margin:24px 0}.載入中{align-items:center;gap:8px;display:flex}.轉圈{border:2px solid var(--線);border-top-color:var(--藍);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite 轉}@keyframes 轉{to{transform:rotate(360deg)}}.出錯 p{color:var(--紅);align-items:flex-start;gap:8px;margin:0 0 16px;display:flex}.出錯 .圖示{margin-top:5px}.欄位{gap:6px;margin:0 0 24px;display:grid}.欄位 label{font-weight:500}.欄位 .說明{color:var(--次字);margin:0;font-size:14px}.欄位 input,.欄位 select,.欄位 textarea{border:1px solid var(--框線);border-radius:var(--圓小);width:100%;min-height:48px;color:var(--字);transition:border-color .16s var(--緩), box-shadow .16s var(--緩);background:#fff;padding:8px 16px}.欄位 input:focus,.欄位 select:focus,.欄位 textarea:focus{border-color:var(--藍);outline:none;box-shadow:0 0 0 3px #24435f2e}.欄位 [aria-invalid=true]{border-color:var(--紅)}.欄錯{color:var(--紅);margin:0;font-size:14px;line-height:1.6}.欄錯:empty,.總錯:empty{display:none}.總錯{border-radius:var(--圓小);background:var(--紅底);color:var(--紅);align-items:flex-start;gap:8px;margin:0 0 16px;padding:16px;font-weight:500;display:flex}.總錯 .圖示{margin-top:5px}.好消息{border-radius:var(--圓小);background:var(--綠底);color:var(--綠);align-items:flex-start;gap:8px;margin:0 0 16px;padding:12px 16px;font-weight:500;display:flex}.好消息 .圖示{margin-top:5px}.密碼框{position:relative}.密碼框 input{padding-right:48px}.看密碼{width:44px;height:44px;color:var(--次字);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid;position:absolute;top:2px;right:2px}.標{white-space:nowrap;background:var(--奶油);min-height:26px;color:var(--字);border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.標 .圖示{stroke-width:2px;width:14px;height:14px}.標.急{background:var(--紅底);color:var(--紅)}.標.近{background:var(--琥珀底);color:var(--琥珀)}.標.好{background:var(--綠底);color:var(--綠)}.標.藍{background:var(--藍淡);color:var(--藍)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:0s!important}.轉圈{animation:none}}