*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #5a9e1f;--green-dark: #3d7012;--green-mid: #4a8718;--green-light: #f2f8eb;--green-hover: #eaf4d8;--bg: #f6f7f5;--white: #ffffff;--text-dark: #1c2b1e;--text-mid: #3d5a42;--text-light: #7a8f7e;--border: #dde4d9;--border-strong: #b8c8b2;--danger: #b83232;--warning: #c08b1a;--warning-bg: #fdf7ec}html,body{font-family:Noto Sans TC,-apple-system,PingFang TC,Microsoft JhengHei,sans-serif;background:var(--bg);color:var(--text-dark);line-height:1.65;font-size:15px}.header{background:var(--green);color:#fff;padding:0 20px;height:60px;display:flex;align-items:center}.header-inner{max-width:700px;margin:0 auto;width:100%;display:flex;align-items:center;gap:14px}.logo-cross{width:42px;height:42px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;mix-blend-mode:screen}.header-text .name{font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-.01em}.header-text .name-en{font-size:10px;opacity:.75;letter-spacing:.18em;margin-top:3px;text-transform:uppercase}.progress-bar{background:#fff;border-bottom:1px solid var(--border);padding:12px 20px;position:sticky;top:0;z-index:10;box-shadow:0 1px 4px #1c2b1e0d}.progress-inner{max-width:700px;margin:0 auto;display:flex;align-items:center;gap:0}.step-dot{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--text-light);flex-shrink:0;min-width:44px}.step-dot .num{width:26px;height:26px;border-radius:50%;background:var(--border);color:var(--text-light);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;transition:all .2s}.step-dot .label{font-size:10px;letter-spacing:.02em}.step-dot.active .num{background:var(--green);color:#fff;box-shadow:0 0 0 3px #5a9e1f33}.step-dot.active{color:var(--text-dark)}.step-dot.active .label{font-weight:600;color:var(--green-dark)}.step-dot.done .num{background:var(--green-dark);color:#fff}.step-dot.done{color:var(--text-mid)}.step-line{flex:1;height:2px;background:var(--border);transition:background .3s;margin:0 2px 14px}.step-line.active{background:var(--green)}@media (max-width: 420px){.step-dot .label{display:none}.step-dot{min-width:32px}}.container{max-width:700px;margin:0 auto;padding:28px 20px 80px}.step-section{display:none}.step-section.active{display:block;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}h2{font-size:21px;font-weight:700;color:var(--text-dark);margin-bottom:5px;letter-spacing:-.02em}.subtitle{font-size:13px;color:var(--text-light);margin-bottom:20px}.card{background:#fff;border-radius:14px;padding:20px;margin-bottom:12px;border:1.5px solid var(--border);cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #1c2b1e0a}.card:hover{border-color:var(--green);box-shadow:0 4px 16px #5a9e1f1a}.card.selected{border-color:var(--green);background:var(--green-light)}.card-title{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.card-sub{font-size:12px;color:var(--text-light);line-height:1.7}.doctor-card{display:grid;grid-template-columns:auto 1fr auto;gap:0 20px;align-items:center;padding:22px 24px;position:relative;overflow:hidden}.doctor-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green);transform:scaleY(0);transition:transform .2s;transform-origin:center;border-radius:0 2px 2px 0}.doctor-card:hover:before{transform:scaleY(1)}.doctor-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5a9e1f1f}.doctor-photo-wrap{flex-shrink:0}.doctor-avatar{width:86px;height:86px;border-radius:14px;background:linear-gradient(145deg,#a8d46f 0%,var(--green-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.doctor-photo{width:86px;height:86px;border-radius:14px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border:2px solid var(--green-light)}.doctor-info{min-width:0;display:grid;grid-template-rows:auto auto auto;gap:10px}.doctor-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.doctor-name{font-size:17px;font-weight:700;color:var(--text-dark);letter-spacing:-.01em}.doctor-title{font-size:11px;color:var(--green-dark);background:var(--green-light);padding:2px 9px;border-radius:999px;font-weight:600;border:1px solid rgba(90,158,31,.25);white-space:nowrap}.spec-list{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg)}.spec-item{font-size:12px;color:var(--text-mid);padding:6px 14px;border-right:1px solid var(--border);white-space:nowrap;display:flex;align-items:center;gap:6px;flex-shrink:0}.spec-item:last-child{border-right:none}.spec-item:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0;opacity:.7}.doctor-card:hover .spec-item{background:var(--green-hover)}.doctor-schedule{font-size:12px;color:var(--text-light);display:flex;align-items:center;gap:6px}.schedule-icon{font-size:13px}.doctor-book-btn{background:var(--green);color:#fff;padding:0 20px;border-radius:10px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:5px;transition:all .15s;height:44px;white-space:nowrap;flex-shrink:0}.doctor-card:hover .doctor-book-btn{background:var(--green-dark);box-shadow:0 4px 12px #5a9e1f4d}.doctor-book-btn .arrow{font-size:18px;transition:transform .15s}.doctor-card:hover .doctor-book-btn .arrow{transform:translate(3px)}@media (max-width: 560px){.doctor-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.doctor-book-btn{grid-column:1 / -1;justify-content:center;width:100%;margin-top:4px}.spec-list{flex-wrap:wrap}.spec-item{border-bottom:1px solid var(--border)}}.date-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-top:12px}.date-btn{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:12px 6px;text-align:center;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #1c2b1e0a}.date-btn:hover:not(:disabled){border-color:var(--green);background:var(--green-light)}.date-btn.selected{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 10px #5a9e1f40}.date-btn:disabled{opacity:.3;cursor:not-allowed}.date-btn .weekday{font-size:10px;opacity:.7;letter-spacing:.02em}.date-btn .day{font-size:22px;font-weight:700;margin:3px 0;line-height:1}.date-btn .month{font-size:10px;opacity:.6}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.slot-btn{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:13px 8px;text-align:center;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #1c2b1e0a}.slot-btn:hover:not(:disabled){border-color:var(--green);background:var(--green-light)}.slot-btn.selected{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 10px #5a9e1f40}.slot-btn:disabled{opacity:.35;cursor:not-allowed;background:var(--bg)}.slot-btn .time{font-size:15px;font-weight:700;letter-spacing:.02em}.slot-btn .hint{font-size:10px;margin-top:4px;opacity:.8}.slot-btn.selected .hint{opacity:.9}.form-row{margin-bottom:18px}.form-row label{display:block;font-size:12px;color:var(--text-mid);font-weight:600;margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}.form-row label .req{color:var(--danger)}.form-row input[type=text],.form-row input[type=email],.form-row input[type=tel]{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;color:var(--text-dark);transition:border-color .15s;background:#fff}.form-row input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #5a9e1f1a}.form-row .hint{font-size:11px;color:var(--text-light);margin-top:5px}.opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.opt-card{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:11px 14px;cursor:pointer;transition:all .15s;text-align:center}.opt-card:hover{border-color:var(--green)}.opt-card input{display:none}.opt-card.selected{background:var(--green-light);border-color:var(--green)}.opt-card.selected .opt-label{color:var(--green-dark);font-weight:600}.opt-card .opt-label{font-size:13px;color:var(--text-mid)}.btn-row{display:flex;gap:10px;margin-top:24px}.btn{padding:12px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-family:inherit}.btn-primary{background:var(--green);color:#fff;flex:1}.btn-primary:hover:not(:disabled){background:var(--green-dark);box-shadow:0 4px 12px #5a9e1f4d}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--text-mid);border:1.5px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg)}.notice-banner{display:flex;align-items:flex-start;gap:10px;background:var(--green-light);border:1px solid rgba(90,158,31,.3);border-radius:12px;padding:13px 16px;margin-bottom:18px;font-size:13px;color:var(--text-mid);line-height:1.7}.notice-banner .notice-icon{flex-shrink:0;font-size:16px;line-height:1.5}.notice-banner strong{color:var(--green-dark)}.agreement{background:var(--green-light);border:1px solid rgba(90,158,31,.25);border-radius:12px;padding:18px 20px;margin:20px 0}.agreement-text{font-size:12px;color:var(--text-mid);line-height:2}.agreement-text strong{color:var(--text-dark)}.agreement-check{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(90,158,31,.2);cursor:pointer}.agreement-check input{margin:0;flex-shrink:0;width:16px;height:16px;accent-color:var(--green);cursor:pointer}.agreement-check span{font-size:13px;color:var(--text-dark);font-weight:600}.loading{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{background:#b832320f;border:1px solid rgba(184,50,50,.25);color:var(--danger);padding:11px 15px;border-radius:10px;font-size:13px;margin-top:14px;display:none}.error-msg.show{display:block}.code-input{width:100%;padding:20px 14px;text-align:center;font-size:32px;font-family:Courier New,monospace;letter-spacing:.4em;font-weight:700;border:2px solid var(--border);border-radius:12px;background:#fff;transition:border-color .15s}.code-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #5a9e1f1a}.confirm-card{background:#fff;border-radius:14px;padding:22px;border:1.5px solid var(--border);margin-bottom:16px;box-shadow:0 1px 4px #1c2b1e0d}.confirm-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.confirm-row:last-child{border-bottom:0}.confirm-row .key{color:var(--text-light);font-size:13px}.confirm-row .val{color:var(--text-dark);font-weight:500;text-align:right}.success-card{background:var(--green);color:#fff;border-radius:16px;padding:36px 24px;text-align:center;margin-bottom:16px;box-shadow:0 8px 28px #5a9e1f4d}.success-card .check{width:58px;height:58px;border-radius:50%;background:#fff3;display:inline-flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:12px}.success-card .num{font-size:52px;font-weight:700;line-height:1.1;margin:12px 0;letter-spacing:-.02em}.success-card .info{font-size:14px;opacity:.92;line-height:1.9}.success-card strong{color:#fff}.info-card{background:#fff;border-radius:14px;padding:22px 24px;font-size:13px;color:var(--text-mid);line-height:2;border:1px solid var(--border)}.info-card strong{color:var(--text-dark)}.state-box{background:var(--warning-bg);border:1.5px solid var(--warning);border-radius:14px;padding:28px 24px;text-align:center}.state-box.danger{background:#b832320d;border-color:#b8323266}.state-box h3{font-size:18px;margin-bottom:10px;color:var(--text-dark)}.state-box p{font-size:14px;color:var(--text-mid);line-height:1.8}