:root{--dsb-ink:#27231f;--dsb-gold:#b38b58;--dsb-cream:#f7f3ed;--dsb-line:#ded8cf}.dsb-app{position:relative;max-width:1120px;margin:30px auto;color:var(--dsb-ink);font-family:"Noto Sans TC",sans-serif}.dsb-steps{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:38px;border-bottom:1px solid var(--dsb-line)}.dsb-steps span{padding:16px 8px;text-align:center;color:#999;font-size:14px}.dsb-steps span.active{color:var(--dsb-ink);border-bottom:3px solid var(--dsb-gold)}.dsb-panel{display:none}.dsb-panel.active{display:block}.dsb-panel>h2{text-align:center;font-family:"Noto Serif TC",serif;font-size:30px;margin:0 0 28px}.dsb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dsb-card{overflow:hidden;border:1px solid var(--dsb-line);background:#fff}.dsb-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.dsb-card>div{padding:20px}.dsb-card h3{margin:5px 0 12px;font-size:20px}.dsb-card p{color:#6d6862;line-height:1.7}.dsb-app button{appearance:none;border:1px solid var(--dsb-ink);background:var(--dsb-ink);color:#fff;padding:11px 22px;cursor:pointer;border-radius:0}.dsb-app button:hover,.dsb-app button.active{background:var(--dsb-gold);border-color:var(--dsb-gold)}.dsb-app button:disabled{opacity:.35;cursor:not-allowed}.dsb-card button{display:block;width:100%;margin-top:16px}.dsb-back{background:transparent!important;color:var(--dsb-ink)!important;border:0!important;padding-left:0!important;margin-bottom:20px}.dsb-cats{display:flex;gap:8px;overflow:auto;margin-bottom:22px}.dsb-cats button{white-space:nowrap;background:#fff;color:var(--dsb-ink);border-color:var(--dsb-line)}.dsb-panel label,.dsb-lookup label{display:block;margin:16px 0;font-weight:600}.dsb-panel input,.dsb-panel textarea,.dsb-lookup input{box-sizing:border-box;width:100%;padding:13px;border:1px solid var(--dsb-line);background:#fff;font:inherit;margin-top:7px}.dsb-date{max-width:340px}.dsb-slots{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 28px}.dsb-slot{background:#fff!important;color:var(--dsb-ink)!important;border-color:var(--dsb-line)!important}.dsb-slot.active{background:var(--dsb-gold)!important;color:#fff!important}.dsb-selection,.dsb-summary{padding:16px;background:var(--dsb-cream);text-align:center}.dsb-form{max-width:650px;margin:auto}.dsb-form input[type=checkbox]{width:auto;margin-right:7px}.dsb-hp{position:absolute!important;left:-99999px!important}.dsb-success{text-align:center;padding:60px 20px;background:var(--dsb-cream)}.dsb-check{width:65px;height:65px;line-height:65px;border-radius:50%;background:var(--dsb-gold);color:#fff;margin:auto;font-size:35px}.dsb-loading{position:fixed;z-index:99999;inset:0;background:#ffffffd9;display:grid;place-items:center;font-size:20px}.dsb-loading[hidden]{display:none}.dsb-message{position:fixed;z-index:100000;left:50%;bottom:30px;transform:translateX(-50%);background:#9c3d32;color:#fff;padding:14px 24px}.dsb-lookup{max-width:620px}.dsb-result{margin-top:25px;padding:24px;background:var(--dsb-cream)}@media(max-width:767px){.dsb-app{margin:15px}.dsb-steps{grid-template-columns:repeat(5,120px);overflow:auto}.dsb-steps span{font-size:12px}.dsb-grid{grid-template-columns:1fr}.dsb-panel>h2{font-size:25px}.dsb-card{display:grid;grid-template-columns:120px 1fr}.dsb-card img{height:100%;aspect-ratio:auto}.dsb-card>div{padding:15px}.dsb-services .dsb-card{display:block}.dsb-app button{min-height:44px}}