.預約{--錯字:#b3261e;grid-column:1/-1;min-width:0}.預約 [hidden]{display:none!important}.預約 .隱藏字{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.預約 .不斷{white-space:nowrap}.預約 .頭{grid-template-columns:minmax(0,1fr) 240px;grid-template-areas:"題 圖""字 圖";align-items:end;column-gap:48px;padding-bottom:48px;display:grid}.預約 .頭 h1{color:var(--字);grid-area:題;margin:0;font-size:44px;line-height:1.3}.預約 .頭字{grid-area:字;align-self:start}.預約 .頭圖{grid-area:圖;align-self:center;margin:0}.預約 .頭圖 img{width:100%;height:auto;display:block}.預約 .導言{color:var(--字);text-wrap:pretty;max-width:30em;margin:16px 0 0;font-size:19px;line-height:1.85}.預約 .範圍.待{visibility:hidden}.預約 .範圍{background:var(--淡黃);color:var(--深藍);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;margin:16px 0 0;padding:8px 16px;font-size:17px;font-weight:700;display:inline-flex}.預約 .區題{color:var(--字);margin:0 0 24px;font-size:28px;line-height:1.4}.預約 .流程{border-top:1px solid var(--線);padding:48px 0}.預約 .流程列{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.預約 .流程格{align-content:start;gap:16px;display:grid;position:relative}.預約 .流程格:not(:last-child):after{content:"";border-top:2px dashed var(--黃);position:absolute;top:39px;left:96px;right:-16px}.預約 .流程頭{width:80px;height:80px;position:relative}.預約 .流程圈{background:var(--淡黃);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.預約 .流程號{background:var(--深藍);color:#fff;width:32px;height:32px;font-family:var(--數字體);box-shadow:0 0 0 4px var(--紙);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:inline-flex;position:absolute;top:-4px;right:-8px}.預約 .流程圖示{width:40px;height:40px;stroke:var(--深藍);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.預約 .流程格 h3{color:var(--字);margin:0 0 8px;font-size:21px;line-height:1.4}.預約 .流程格 p{color:var(--次字);margin:0;font-size:16px;line-height:1.75}.預約 .流程格 .句{display:block}.預約 .進度{border-radius:var(--圓大);background:var(--淡奶油);grid-template-areas:"字""軌";margin:0 0 32px;padding:24px 24px 16px;display:grid}.預約 .進度字{flex-wrap:wrap;grid-area:字;align-items:baseline;gap:4px 16px;margin:0 0 16px;display:flex}.預約 .進度字 span{color:var(--次字);font-variant-numeric:tabular-nums;font-size:15px}.預約 .進度字 b{font-family:var(--明體);color:var(--深藍);font-size:21px}.預約 .進度軌{background:var(--線);border-radius:2px;grid-area:軌;align-self:start;height:4px;margin:18px 8.33333% 0;overflow:hidden}.預約 .進度填{background:var(--黃);transform-origin:0;height:100%;transition:transform .3s var(--緩);display:block;transform:scaleX(0)}.預約 .進度點們{grid-area:軌;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.預約 .進度點{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.預約 .點號{box-sizing:border-box;background:var(--紙);border:1.5px solid var(--點線);width:40px;height:40px;color:var(--次字);font-family:var(--數字體);font-variant-numeric:tabular-nums;transition:background-color .2s var(--緩), border-color .2s var(--緩), color .2s var(--緩);border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:inline-flex}.預約 .點勾{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:none}.預約 .點名{color:var(--次字);text-align:center;white-space:nowrap;font-size:15px;line-height:1.4}.預約 .進度點[data-狀態=進行] .點號{background:var(--深藍);border-color:var(--深藍);color:#fff;box-shadow:0 0 0 4px var(--淡黃)}.預約 .進度點[data-狀態=進行] .點名{color:var(--深藍);font-weight:700}.預約 .進度點[data-狀態=完成] .點號{background:var(--黃);border-color:var(--黃);color:var(--深藍)}.預約 :is(.進度點,.步)[data-狀態=完成] .點數{display:none}.預約 :is(.進度點,.步)[data-狀態=完成] .點勾{display:block}.預約 .預約欄{grid-template-columns:minmax(0,1fr) 304px;align-items:start;gap:48px;display:grid}.預約 .摘要卡{border-radius:var(--圓大);background:var(--淡奶油);box-shadow:inset 0 0 0 1px var(--線);padding:24px;position:sticky;top:24px}.預約 .摘要題{align-items:center;gap:8px;margin:0 0 16px;font-size:21px;line-height:1.4;display:flex}.預約 .摘要題:before{content:"";background:var(--黃);border-radius:50%;flex:none;width:8px;height:8px}.預約 .摘要列{border-top:1px dashed var(--點線);gap:16px;margin:16px 0 0;padding:16px 0 0;display:grid}.預約 .摘要格{gap:4px;min-width:0;display:grid}.預約 .摘要格 dt{color:var(--次字);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.預約 .摘要圖示{width:16px;height:16px;stroke:var(--深藍);fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.預約 .摘要格 dd{color:var(--次字);overflow-wrap:anywhere;margin:0 0 0 24px;font-size:16px;line-height:1.6}.預約 .摘要格[data-有="1"] dd{color:var(--字);font-weight:500}.預約 .摘要卡 .選板{grid-template-columns:minmax(0,1fr);gap:8px;margin:0}.預約 .摘要卡 .選格{min-height:64px}.預約 .表{margin:0}.預約 .步們{border-bottom:1px solid var(--線);margin:0;padding:0;list-style:none}.預約 .步{border-top:1px solid var(--線);padding:24px 0;scroll-margin-top:16px}.預約 .步:not([hidden]){grid-template-columns:40px minmax(0,1fr);column-gap:16px;display:grid}.預約 .步頭{display:contents}.預約 .步頭>*{align-self:center}.預約 .步摘,.預約 .步身{grid-column:2}.預約 .步號{background:var(--藍);color:#fff;width:40px;height:40px;font-family:var(--數字體);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:19px;font-weight:800;display:inline-flex}.預約 .步[data-狀態=完成] .步號{background:var(--黃);color:var(--深藍)}.預約 .步號 .點勾{width:20px;height:20px}.預約 .步 h2{color:var(--字);margin:0;font-size:26px;line-height:1.4}.預約 .步 h2:focus{outline:none}.預約 .步[data-狀態=完成] h2{color:var(--次字);font-family:inherit;font-size:18px;font-weight:500}.預約 .步摘{align-items:center;gap:16px;min-width:0;margin:4px 0 0;display:flex}.預約 .摘字{min-width:0;color:var(--字);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex:1;margin:0;font-weight:500}.預約 .步身{margin:16px 0 0}.預約 .步[data-狀態=進行] .步身{animation:預約步出 .22s var(--緩) both}@keyframes 預約步出{0%{opacity:0}to{opacity:1}}.預約 .步說{color:var(--次字);text-wrap:pretty;max-width:36em;margin:0 0 24px;font-size:18px;line-height:1.8}.預約 .步鈕列{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.預約 .改{cursor:pointer;min-width:44px;min-height:44px;color:var(--藍);text-underline-offset:.28em;font:inherit;background:0 0;border:0;flex:none;align-items:center;padding:0 4px;font-size:18px;text-decoration:underline #24435f66;display:inline-flex}.預約 .選板{grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin:0 0 24px;display:grid}.預約 .選格{border-radius:var(--圓小);border:1.5px dashed var(--點線);background:var(--紙);align-content:center;gap:4px;min-height:72px;padding:8px 16px;display:grid}.預約 .選籤{color:var(--次字);font-size:15px;font-weight:700}.預約 .選值{color:var(--次字);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:18px;font-weight:500}.預約 .首格[data-有="1"]{background:var(--藍);border:1.5px solid var(--藍)}.預約 .首格[data-有="1"] .選籤{color:var(--淡黃)}.預約 .首格[data-有="1"] .選值{color:#fff;font-weight:700}.預約 .備格[data-有="1"]{background:var(--淡黃);border:1.5px solid var(--黃)}.預約 .備格[data-有="1"] .選籤,.預約 .備格[data-有="1"] .選值{color:var(--深藍)}.預約 .備格[data-有="1"] .選值{font-weight:700}.預約 .圖例{color:var(--次字);flex-wrap:wrap;gap:8px 24px;margin:0 0 16px;padding:0;font-size:15px;list-style:none;display:flex}.預約 .圖例 li{align-items:center;gap:8px;display:inline-flex}.預約 .樣{box-sizing:border-box;border-radius:4px;flex:none;width:16px;height:16px;display:inline-block}.預約 .樣可{border:1.5px solid var(--藍);color:var(--藍);background:var(--紙);font-weight:600}.預約 .樣首{background:var(--藍);color:#fff;font-weight:700}.預約 .樣備{background:var(--淡黃);border:2px solid var(--黃);color:var(--深藍);font-weight:700}.預約 .樣滿,.預約 .片.滿{background:var(--紙);border:1px solid var(--淡線);color:var(--次字);font-weight:400}.預約 .週頭{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.預約 .週名{font-size:24px;font-weight:700;font-family:var(--數字體);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--字);margin:0}.預約 .週鈕{gap:8px;display:flex}.預約 .圓鈕{border:1px solid var(--線);background:var(--紙);width:48px;height:48px;color:var(--藍);cursor:pointer;transition:background-color .16s var(--緩), border-color .16s var(--緩);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.預約 .圓鈕 .圖示{stroke:currentColor;fill:none;stroke-width:1.75px;width:20px;height:20px}.預約 [data-上週] .圖示{transform:rotate(90deg)}.預約 [data-下週] .圖示{transform:rotate(-90deg)}.預約 .圓鈕:disabled{color:var(--點線);cursor:default;background:0 0}.預約 .日曆訊{color:var(--藍);margin:0 0 16px;font-size:18px;font-weight:500}.預約 .日曆訊:empty{display:none}.預約 .提示{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:16px;margin:0 0 16px;display:grid}.預約 .提示 p{color:var(--鉛筆);margin:0;font-size:18px;line-height:1.7}.預約 .提示頭{background:var(--淡線);border-radius:50%;width:32px;height:32px}.預約 .狀態字{color:var(--次字);margin:24px 0}.預約 .骨{cursor:default}.預約 .日.骨{box-sizing:border-box;background:var(--淡線);cursor:default;border-color:#0000}.預約[data-版=乙] .日.骨:nth-child(n+8){display:none}.預約 .週名:empty:before{content:" "}.預約 .片.骨片{background:var(--淡線);color:#0000;cursor:default;border-color:#0000}.預約 .日曆說{color:var(--次字);margin:0 0 16px;font-size:16px;line-height:1.7}.預約[data-版=乙] .甲才有,.預約[data-版=甲] .週鈕,.預約 [data-讀不到中] .圖例,.預約 [data-讀不到中] .日曆說{display:none}.預約 .日條{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 24px;display:grid}.預約 .星頭{text-align:center;color:var(--次字);padding:0 0 4px;font-size:15px;font-weight:700}.預約 .日,.預約 .休日{box-sizing:border-box;border-radius:var(--圓小);min-width:0;min-height:80px;font:inherit;text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:4px;padding:8px;display:flex;position:relative}.預約 .日{border:1px solid var(--線);background:var(--紙);color:var(--字);cursor:pointer;transition:background-color .16s var(--緩), border-color .16s var(--緩), color .16s var(--緩), transform .12s var(--緩)}.預約 .日:not(.骨):active{transform:scale(.97)}.預約 .日 .號,.預約 .休日 .號{font-family:var(--數字體);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.1}.預約 .日 .星,.預約 .休日 .星{display:none}.預約 .日 .量,.預約 .休日 .量{white-space:nowrap;align-items:center;gap:4px;font-size:15px;font-weight:500;line-height:1.3;display:inline-flex}.預約 .日 .月{font-size:15px;font-weight:700;line-height:1.3;position:absolute;top:8px;right:8px}.預約 .休日{color:var(--次字)}.預約 .休日 .號{font-weight:500}.預約 .日.有可{background:var(--淡黃);border-color:var(--淡黃);color:var(--深藍)}.預約 .日.有待{border:1.5px dashed var(--深藍);color:var(--深藍)}.預約 .日.只滿{color:var(--次字)}.預約 .日[aria-selected=true]{background:var(--深藍);border-color:var(--深藍);color:#fff;box-shadow:0 8px 16px #24435f2e}.預約 .日[aria-selected=true] .量{color:var(--淡黃)}.預約 .日:is(.有首,.有備) .量:before{content:"";border-radius:50%;flex:none;width:8px;height:8px}.預約 .日.有首 .量:before{background:currentColor}.預約 .日.有備:not(.有首) .量:before{background:var(--黃);box-shadow:0 0 0 1.5px var(--深藍)}.預約 .週格{display:block}.預約 .日欄{min-width:0;display:none}.預約 .日欄.當天{border-radius:var(--圓大);background:var(--淡奶油);padding:24px;display:block}.預約 .日頭{flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 16px;display:flex}.預約 .日頭 .號{font-family:var(--明體);color:var(--字);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.預約 .日頭 .星{color:var(--次字);font-size:16px}.預約 .時段組+.時段組{margin-top:16px}.預約 .組名{color:var(--次字);align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:700;display:flex}.預約 .組圖示{width:20px;height:20px;stroke:var(--深藍);fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.預約 .休息{color:var(--次字);margin:0;font-size:16px}.預約 .片們{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.預約 .片{width:100%;min-height:56px;font:inherit;font-family:var(--數字體);font-variant-numeric:tabular-nums;text-align:left;box-sizing:border-box;border:1.5px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:8px 24px;font-size:18px;font-weight:700;line-height:1.2;display:flex}.預約 .片 small{white-space:nowrap;font-family:Noto Sans TC,sans-serif;font-size:15px;font-weight:500}.預約 button.片{cursor:pointer;transition:background-color .16s var(--緩), color .16s var(--緩), border-color .16s var(--緩), transform .12s var(--緩)}.預約 button.片:not([aria-disabled=true]):active{transform:scale(.97)}.預約 .片[aria-disabled=true]{cursor:default}.預約 .片.可{border-color:var(--藍);color:var(--藍);background:var(--紙)}.預約 .片.可.已選,.預約 .片.待.已選,.預約 .片.首{background:var(--藍);color:#fff;border-color:var(--藍)}.預約 .片.已選 small,.預約 .片.首 small{color:var(--淡黃);font-weight:700}.預約 .片.備{background:var(--淡黃);border:2px solid var(--黃);color:var(--深藍);font-weight:700}.預約 .片.備 small{font-weight:700}.預約 .片.待{color:var(--次字);background:var(--紙);border:1.5px dashed #4f5a66}.預約 .矩陣{display:none}@media (width>=860px){.預約[data-版=乙] .日條,.預約[data-版=乙] .日欄.當天:not(.骨){display:none}.預約[data-版=乙] .週格:has(>.日欄.骨){grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.預約[data-版=乙] .日欄.骨{background:0 0;padding:0;display:block}.預約[data-版=乙] .日欄.骨 .片們{grid-template-columns:minmax(0,1fr)}.預約[data-版=乙] .矩陣{grid-template-columns:96px repeat(var(--欄), minmax(0, 1fr));gap:0 8px;display:grid}.預約 .角{border-bottom:2px solid var(--線)}.預約 .表日{text-align:center;border-bottom:2px solid var(--線);margin:0;padding:8px 0}.預約 .表日 .星{font-family:var(--明體);color:var(--字);font-size:20px;font-weight:700;display:block}.預約 .表日 .號{color:var(--次字);font-size:15px;font-family:var(--數字體);font-variant-numeric:tabular-nums;display:block}.預約 .表日.休 .星{color:var(--次字);font-weight:500}.預約 .表段{border-bottom:1px solid var(--線);padding:16px 0}.預約 .表段 .組名{color:var(--深藍);flex-direction:column;align-items:flex-start;gap:4px;margin:0;font-size:16px}.預約 .表段 .組圖示{width:24px;height:24px}.預約 .表格{border-bottom:1px solid var(--線);align-content:start;gap:8px;min-width:0;padding:16px 0;display:grid}.預約 .表格.休{background:repeating-linear-gradient(135deg, transparent 0 8px, var(--淡奶油) 8px 16px);border-radius:var(--圓小)}.預約 .矩陣 .片{border-radius:var(--圓中);text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;font-size:17px}}.預約[data-版=乙] .預約欄{grid-template-columns:minmax(0,1fr);gap:32px}.預約[data-版=乙] .摘要卡{border-radius:var(--圓中);background:var(--紙);box-shadow:var(--陰影), inset 0 0 0 1px var(--線);order:-1;padding:0;position:static;overflow:hidden}.預約[data-版=乙] .摘要題{background:var(--深藍);color:#fff;margin:0;padding:16px 32px;font-size:19px}.預約[data-版=乙] .摘要卡 .選板{grid-template-columns:1.2fr 1fr 1fr;gap:16px;padding:24px 32px 16px}.預約[data-版=乙] .摘要列{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 32px;padding:16px 0 24px}@media (hover:hover) and (pointer:fine){.預約 .日:not(.骨):not([aria-selected=true]):hover{border-color:var(--深藍)}.預約 .片.可:not(.已選):not(.備):hover{background:var(--藍);color:#fff}.預約 [data-步=備選] button.片.滿:not(.備):hover,.預約 .片.待:not(.備):not(.已選):hover{border-color:var(--藍);color:var(--藍)}.預約 .圓鈕:not(:disabled):hover{background:var(--淡奶油);border-color:var(--點線)}.預約 .改:hover{text-decoration-color:var(--藍深)}}.預約 .讀不到{padding:24px 0}.預約 .讀不到 p{margin:0 0 16px}.預約 .退路{color:var(--次字);margin:16px 0 0;font-size:18px}.預約 .準備中{border-top:1px solid var(--線);grid-template-columns:160px minmax(0,1fr);align-items:center;gap:24px;padding:32px 0;display:grid}.預約 .準備中圖{width:160px;height:auto}.預約 .準備中 h2{margin:0;font-size:26px}.預約 .準備中 p{margin:8px 0 0}.預約 .小字{color:var(--次字);margin:8px 0 0;font-size:15px}.預約 .備選計數{color:var(--字);margin-top:16px;font-size:18px}.預約 .欄位{border:0;min-width:0;margin:0 0 24px;padding:0}.預約 .欄位>label:not(.同意),.預約 .欄位 legend{color:var(--字);margin-bottom:8px;padding:0;font-weight:500;display:block}.預約 .註{color:var(--次字);margin-left:8px;font-size:15px;font-weight:400}.預約 .兩格{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.預約 .兩格 .欄位{margin-bottom:0}.預約 .表 input:not([type=radio]):not([type=checkbox]){box-sizing:border-box;width:100%;min-height:48px;font:inherit;color:var(--字);caret-color:var(--藍);transition:border-color .16s var(--緩);background:#fff;border:1px solid #4f5a66;border-radius:4px;padding:8px 16px;font-size:18px}.預約 .表 select{box-sizing:border-box;width:100%;max-width:20em;min-height:48px;font:inherit;color:var(--字);background:#fff;border:1px solid #4f5a66;border-radius:4px;padding:8px 16px;font-size:18px}.預約 .表 select:focus-visible,.預約 .表 input:focus-visible{border-color:var(--藍);outline:2px solid var(--藍);outline-offset:1px}.預約 .表 [aria-invalid=true]{border-color:var(--錯字)}.預約 .錯{color:var(--錯字);margin:8px 0 0;font-size:15px}.預約 .總錯{margin:16px 0 0;font-size:18px}.預約 .選項列{flex-wrap:wrap;gap:8px;display:flex}.預約 .選項列.兩欄{grid-template-columns:1fr 1fr;display:grid}.預約 .選項{border:1px solid var(--線);cursor:pointer;background:var(--紙);min-height:48px;transition:border-color .16s var(--緩), background-color .16s var(--緩);border-radius:4px;align-items:center;gap:8px;padding:0 16px 0 8px;font-size:18px;display:inline-flex}.預約 .選項.大{min-height:64px;padding:8px 16px}.預約 .選項.大 span{line-height:1.4;display:grid}.預約 .選項.大 small{color:var(--次字);font-size:15px}.預約 .選項:has(input:checked){border-color:var(--藍);background:var(--淡奶油);box-shadow:inset 0 0 0 1px var(--藍)}.預約 .選項 input,.預約 .同意 input{width:18px;height:18px;accent-color:var(--藍);flex:none;margin:0}.預約 .同意{color:var(--次字);cursor:pointer;align-items:flex-start;gap:16px;min-height:44px;font-size:16px;line-height:1.7;display:flex}.預約 .同意 input{margin-top:4px}.預約 .防灌單:empty{display:none}.預約 .紙鈕{cursor:pointer;border:0;min-height:48px;font-family:inherit}.預約 .紙鈕:disabled{cursor:not-allowed;opacity:.75;background:#535f6c}.預約 .紙鈕.次{background:var(--紙);color:var(--藍);box-shadow:inset 0 0 0 1.5px var(--藍)}.預約 .確認表{margin:0;display:grid}.預約 .確認列{border-bottom:1px solid var(--淡線);grid-template-columns:6em minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:8px 0;display:grid}.預約 .確認列 dt{color:var(--次字);font-size:16px}.預約 .確認列 dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-weight:500}.預約 .確認改 .改{min-height:44px;margin:-8px 0}.預約 .完成區{padding:32px 0 48px}.預約 .完成頭,.預約 .完成卡{max-width:760px}.預約 .完成頭{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:32px;margin:0 0 32px;display:grid}.預約 .完成圖{border-radius:var(--圓大);background:var(--淡黃);margin:0;padding:16px}.預約 .完成圖 img{width:100%;height:auto;display:block}.預約 .完成區 h2{margin:0;font-size:32px;line-height:1.4}.預約 .完成區 h2:focus{outline:none}.預約 .完成主{margin:8px 0 0;font-size:18px;line-height:1.8}.預約 .完成卡{border-radius:var(--圓大);background:var(--淡奶油);box-shadow:inset 0 0 0 1px var(--線);padding:24px 32px}.預約 .完成編號{border-bottom:1px dashed var(--點線);flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 8px;padding:0 0 16px;display:flex}.預約 .編號籤{color:var(--次字);font-size:15px;font-weight:700}.預約 .編號值{font-family:var(--數字體);letter-spacing:.02em;color:var(--深藍);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.預約 .完成表 .確認列{grid-template-columns:6em minmax(0,1fr)}.預約 .完成表 .確認列:last-child{border-bottom:0}.預約 .完成表 .首列 dd{color:var(--深藍);font-weight:700}.預約 .接下來題{margin:48px 0 24px;font-size:22px;line-height:1.4}.預約 .接下來{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.預約 .接下來 li{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:16px;display:grid}.預約 .接號{background:var(--黃);width:40px;height:40px;color:var(--深藍);font-family:var(--數字體);border-radius:50%;justify-content:center;align-items:center;font-size:19px;font-weight:800;display:inline-flex}.預約 .接下來 b{color:var(--字);margin:8px 0 4px;font-size:18px;display:block}.預約 .接下來 p{color:var(--次字);margin:0;font-size:16px;line-height:1.7}.預約 .完成區 .紙連{margin-top:32px;display:inline-flex}.預約 .須知{padding:64px 0 16px}.預約 .完成區:not([hidden])~.須知{border-top:1px solid var(--線);padding-top:48px}.預約 .須知身{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:48px;display:grid}.預約 .須知圖{background:var(--奶油);border-radius:var(--圓大);margin:0;padding:16px}.預約 .須知圖 img{border-radius:var(--圓中);width:100%;height:auto;display:block}.預約 .須知列{gap:24px;margin:0;display:grid}.預約 .須知格{gap:8px;display:grid}.預約 .須知格 dt{color:var(--字);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.預約 .須知圖示{width:24px;height:24px;stroke:var(--深藍);fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.預約 .須知格 dd{color:var(--字);text-wrap:pretty;max-width:34em;margin:0 0 0 32px;font-size:17px;line-height:1.85}@media (width<=1023px){.預約 .流程列{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.預約 .流程格:nth-child(2n):after{display:none}.預約 .須知身{grid-template-columns:200px minmax(0,1fr);gap:32px}.預約 .預約欄{grid-template-columns:minmax(0,1fr) 264px;gap:32px}}@media (width<=859px){.預約 .頭{grid-template-columns:minmax(0,1fr) 120px;grid-template-areas:"題 圖""字 字";align-items:center;column-gap:16px;padding-bottom:32px}.預約 .頭 h1{font-size:32px}.預約 .導言{font-size:18px}.預約 .步身,.預約 .步摘{grid-column:1/-1}.預約 .步摘{margin-top:8px}.預約 .預約欄,.預約[data-版=乙] .預約欄{grid-template-columns:minmax(0,1fr);gap:32px}.預約 .摘要卡{position:static}.預約 .進度{padding:16px}.預約 .點名{display:none}.預約 .點號{width:32px;height:32px;font-size:15px}.預約 .點勾{width:16px;height:16px}.預約 .步號 .點勾{width:20px;height:20px}.預約 .進度軌{margin-top:14px}.預約 .日,.預約 .休日{justify-content:center;align-items:center;min-height:56px;padding:4px}.預約 .日 .量,.預約 .休日 .量,.預約 .日 .月{display:none}.預約 .日 .號,.預約 .休日 .號{font-size:18px}.預約 .日:is(.有首,.有備):after{content:"";background:var(--深藍);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:6px;left:50%}.預約 .日.有備:not(.有首):after{background:var(--黃);box-shadow:0 0 0 1.5px var(--深藍)}.預約 .日[aria-selected=true]:is(.有首,.有備):after{background:var(--淡黃);box-shadow:none}.預約[data-版=乙] .日{gap:4px;min-height:64px}.預約[data-版=乙] .日 .星,.預約[data-版=乙] .休日 .星{font-family:var(--明體);font-size:18px;font-weight:700;line-height:1.2;display:block}.預約[data-版=乙] .日 .號,.預約[data-版=乙] .休日 .號{font-size:15px;font-weight:600}.預約[data-版=乙] .日條{gap:4px;margin-bottom:16px}.預約[data-版=乙] .摘要卡 .選板{padding:16px 16px 8px}.預約[data-版=乙] .摘要題{padding:16px}.預約[data-版=乙] .摘要列{grid-template-columns:minmax(0,1fr);margin:0 16px;padding:16px 0}.預約 .日欄.當天{padding:16px}.預約 .片們{grid-template-columns:repeat(2,minmax(0,1fr))}.預約 .片{border-radius:var(--圓中);text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;font-size:18px}.預約 .接下來{grid-template-columns:minmax(0,1fr);gap:16px}}@media (width<=859px) and (width>=600px){.預約 .片們{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=599px){.預約 .流程列{grid-template-columns:minmax(0,1fr);gap:24px}.預約 .流程格{grid-template-columns:64px minmax(0,1fr);column-gap:16px}.預約 .流程頭,.預約 .流程圈{width:64px;height:64px}.預約 .流程圖示{width:32px;height:32px}.預約 .流程號{width:28px;height:28px;font-size:15px}.預約 .流程格:not(:last-child):after,.預約 .流程格:nth-child(2n):not(:last-child):after{border-top:0;border-left:2px dashed var(--黃);display:block;inset:72px auto -24px 31px}.預約 .流程格 h3{margin:8px 0 4px;font-size:19px}.預約 .選板,.預約 .摘要卡 .選板,.預約[data-版=乙] .摘要卡 .選板{grid-template-columns:1fr 1fr}.預約 .首格,.預約 .摘要卡 .首格{grid-column:1/-1}.預約 .須知身{grid-template-columns:minmax(0,1fr);gap:24px}.預約 .須知圖{max-width:240px}.預約 .須知格 dd{margin-left:0}.預約 .準備中{grid-template-columns:120px minmax(0,1fr)}.預約 .準備中圖{width:120px}.預約 .完成頭{grid-template-columns:112px minmax(0,1fr);gap:16px}.預約 .完成圖{border-radius:var(--圓中);padding:8px}.預約 .完成區 h2{font-size:26px}.預約 .完成卡{padding:16px}.預約 .編號值{font-size:24px}}@media (width<=479px){.預約 .頭{grid-template-columns:minmax(0,1fr) 96px}.預約 .兩格,.預約 .選項列.兩欄{grid-template-columns:1fr}.預約 .兩格 .欄位{margin-bottom:24px}.預約 .步鈕列 .紙鈕{justify-content:center;width:100%}.預約 .確認列{grid-template-columns:4.5em minmax(0,1fr) auto;gap:4px 16px}.預約 .步 h2{font-size:22px}.預約 .圖例{gap:8px 16px}.預約 .日條{gap:4px}}@media (width<=374px){.預約[data-版=甲] .日條{grid-template-columns:repeat(4,minmax(44px,1fr));gap:8px}.預約[data-版=甲] .星頭,.預約[data-版=甲] .空格,.預約[data-版=甲] .休日{display:none}.預約[data-版=甲] .日 .星{font-size:15px;font-weight:700;display:block}.預約[data-版=乙] .日條{grid-template-columns:repeat(4,minmax(44px,1fr));gap:8px}.預約 .準備中{grid-template-columns:96px minmax(0,1fr);gap:16px}.預約 .準備中圖{width:96px}}@media (prefers-reduced-motion:reduce){.預約 .片,.預約 .圓鈕,.預約 .選項,.預約 .日,.預約 .點號,.預約 .進度填{transition:none}.預約 .日:not(.骨):active,.預約 button.片:active{transform:none}.預約 .步[data-狀態=進行] .步身{animation:none}}