:root{--brand-brown:#5a322a;--brand-gold:#e2b651;--brand-cream:#f9f6f2;--brand-warm:#fff6e9;--text-dark:#2f2725;--text-mid:#6b5b53;--text-light:#9f8e84;--caramel:#9f6c3e;--pale-gold:#ccaf84;--border:#e8ddd5;--shadow:0 2px 12px #5a322a14;--shadow-lg:0 8px 32px #5a322a1f;--line-green:#4caf50}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--brand-cream);color:var(--text-dark);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Noto Sans TC,sans-serif}.chat-wrapper{background:#fff;flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.chat-header{background:var(--brand-brown);z-index:100;flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.chat-header img{width:38px;height:38px}.header-text{flex:1}.header-text .title{color:var(--brand-gold);font-family:Noto Serif TC,serif;font-size:17px;font-weight:500}.header-text .subtitle{color:var(--pale-gold);font-size:11px}.header-clinic-btn{border:1.5px solid var(--brand-gold);cursor:pointer;background:#e2b65133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.header-clinic-btn:hover{background:#e2b65159}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:16px 14px 80px;display:flex;overflow-y:auto}.msg{gap:8px;max-width:92%;animation:.3s fadeIn;display:flex}.msg.bot{align-self:flex-start}.msg.user{flex-direction:row-reverse;align-self:flex-end}.msg-avatar{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;width:42px;height:42px}.msg-bubble{border-radius:16px;padding:10px 14px;font-size:14.5px;line-height:1.6}.msg.bot .msg-bubble{background:var(--brand-warm);color:var(--text-dark);white-space:pre-line;border-bottom-left-radius:4px}.msg.user .msg-bubble{background:var(--brand-brown);color:#fff;border-bottom-right-radius:4px}.init-buttons{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.btn-primary{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:65%;padding:12px 20px;font-family:Noto Sans TC,sans-serif;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-primary.filled{background:var(--brand-brown);color:#fff;border:1.5px solid var(--brand-brown)}.btn-primary.outlined{color:var(--brand-brown);border:1.5px solid var(--brand-brown);background:#fff}.btn-primary:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn-group{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.btn-option{border:1.5px solid var(--border);color:var(--text-dark);cursor:pointer;text-align:left;background:#fff;border-radius:12px;width:100%;padding:10px 16px;font-family:Noto Sans TC,sans-serif;font-size:14px;transition:all .2s}.btn-option:hover{border-color:var(--brand-gold);background:var(--brand-warm)}.clinic-card{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;width:100%;padding:14px;transition:all .2s}.clinic-card:hover{border-color:var(--brand-gold);box-shadow:var(--shadow)}.clinic-card .clinic-name{color:var(--brand-brown);margin-bottom:2px;font-size:15px;font-weight:700}.clinic-card .clinic-addr{color:var(--text-light);font-size:12px}.doctor-card{border:1.5px solid var(--border);background:#fff;border-radius:14px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 12px #5a322a14}.doctor-card:active{box-shadow:0 1px 6px #5a322a1f}.doctor-top{gap:12px;padding:14px;display:flex}.doctor-photo{object-fit:cover;object-position:center top;border:2px solid var(--brand-warm);border-radius:12px;flex-shrink:0;width:90px;height:90px}.doctor-info{flex:1}.doctor-name{color:var(--brand-brown);font-family:Noto Serif TC,serif;font-size:20px;font-weight:700}.doctor-title-text{color:var(--caramel);font-size:16px}.doctor-clinic-name{color:var(--text-light);margin-bottom:4px;font-size:16px}.doctor-tags{flex-wrap:wrap;gap:4px;display:flex}.doctor-tag{background:var(--brand-warm);color:var(--caramel);border-radius:20px;padding:1px 8px;font-size:11px;font-weight:500}.doctor-details{flex-direction:column;gap:4px;padding:0 14px 10px;display:flex}.doctor-addr-link{color:var(--caramel);align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.doctor-addr-link:hover{text-decoration:underline}.doctor-phone-link{color:var(--brand-brown);border-bottom:1px solid var(--pale-gold);width:fit-content;font-size:13px;text-decoration:none;display:inline}.doctor-actions{gap:8px;padding:10px 14px 14px;display:flex}.btn-schedule{background:var(--brand-brown);color:var(--brand-warm);cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px;font-family:Noto Sans TC,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.btn-schedule:hover{background:#6d3f35}.btn-line{background:var(--line-green);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:4px;padding:10px 14px;font-family:Noto Sans TC,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.btn-line:hover{background:#43a047}.flow-link{text-align:center;color:var(--caramel);cursor:pointer;margin-top:10px;font-size:13px}.flow-link:hover{text-decoration:underline}.phone-btn{border:1.5px solid var(--border);color:var(--brand-brown);background:#fff;border-radius:12px;align-items:center;gap:8px;width:100%;padding:10px 14px;font-family:Noto Sans TC,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.phone-btn:hover{border-color:var(--brand-gold);background:var(--brand-warm)}.fab-booking{background:var(--brand-gold);color:var(--brand-brown);cursor:pointer;z-index:200;border:none;border-radius:28px;align-items:center;gap:5px;padding:12px 20px;font-family:Noto Sans TC,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:fixed;bottom:120px;right:16px;box-shadow:0 4px 20px #e2b65166}.fab-booking:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e2b65180}.chat-input-bar{border-top:1px solid var(--border);z-index:150;background:#fff;flex-shrink:0;gap:8px;width:100%;padding:10px 14px;display:flex}.chat-input-bar input{border:1.5px solid var(--border);background:var(--brand-cream);border-radius:24px;outline:none;flex:1;padding:10px 14px;font-family:Noto Sans TC,sans-serif;font-size:14px}.chat-input-bar input:focus{border-color:var(--brand-gold);background:#fff}.chat-input-bar button{background:var(--brand-brown);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.chat-input-bar button:hover{background:#6d3f35}.chat-input-bar button:disabled{opacity:.4;cursor:not-allowed}.panel-overlay{z-index:400;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.clinic-panel{background:var(--brand-cream);z-index:401;width:340px;max-width:90vw;animation:.3s slideRight;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #00000026}.panel-header{background:var(--brand-brown);justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.panel-header h2{color:var(--brand-gold);font-family:Noto Serif TC,serif;font-size:16px;font-weight:500}.panel-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.panel-body{flex-direction:column;gap:14px;padding:12px;display:flex}.panel-clinic-card{box-shadow:var(--shadow);background:#fff;border-radius:14px;overflow:hidden}.panel-map-area{background:var(--brand-warm);cursor:pointer;height:110px;color:var(--caramel);justify-content:center;align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:background .2s;display:flex}.panel-map-area:hover{background:#f5ead8}.panel-clinic-info{padding:14px}.panel-clinic-name{color:var(--brand-brown);margin-bottom:2px;font-size:16px;font-weight:700}.panel-clinic-addr{color:var(--caramel);margin-bottom:8px;font-size:12px}.panel-clinic-phone{color:var(--brand-brown);border-bottom:1px solid var(--pale-gold);margin-bottom:12px;font-size:14px;text-decoration:none;display:inline-block}.panel-btns{gap:8px;display:flex}.panel-btn-line{background:var(--line-green);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:10px;flex:1;padding:10px;font-family:Noto Sans TC,sans-serif;font-size:13px;font-weight:600;text-decoration:none}.panel-btn-schedule{background:var(--brand-brown);color:var(--brand-warm);cursor:pointer;text-align:center;border:none;border-radius:10px;flex:1;padding:10px;font-family:Noto Sans TC,sans-serif;font-size:13px;font-weight:600;text-decoration:none}.typing-dots{gap:4px;padding:4px 0;display:flex}.typing-dots span{background:var(--text-light);border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (width>=481px){.chat-wrapper{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:420px}.fab-booking{right:calc(50% - 196px)}}.theme-A{background:#f9f6f2}.theme-A .chat-header{background:#5a322a;border-bottom:2px solid #e2b651}.theme-A .msg.bot .msg-bubble{background:#fff6e9;border:1px solid #ccaf84;border-radius:12px 12px 12px 4px}.theme-A .msg.user .msg-bubble{background:#5a322a;border-radius:12px 12px 4px}.theme-A .btn-option,.theme-A .doctor-card{border:1.5px solid #ccaf84;border-radius:8px}.theme-A .doctor-photo{border:2.5px solid var(--pale-gold);border-radius:50%;width:88px;height:88px}.theme-B{background:#fafaf8}.theme-B .chat-wrapper{background:linear-gradient(#fafaf8 0%,#f5f0eb 100%)}.theme-B .chat-header{-webkit-backdrop-filter:saturate(180%)blur(16px);background:#5a322aeb;border-bottom:1px solid #e2b6514d;padding:16px 18px}.theme-B .chat-header .title{letter-spacing:2px;font-weight:400}.theme-B .chat-messages{gap:18px;padding:20px 16px 84px}.theme-B .msg-avatar{box-shadow:0 2px 8px #5a322a1a}.theme-B .msg.bot .msg-bubble{background:#fff;border:none;border-radius:2px 18px 18px;padding:12px 16px;box-shadow:0 1px 3px #5a322a0f,0 6px 16px #5a322a0a}.theme-B .msg.user .msg-bubble{background:linear-gradient(135deg,#5a322a,#6d3f35);border-radius:18px 2px 18px 18px;padding:12px 16px;box-shadow:0 2px 8px #5a322a26}.theme-B .btn-option{-webkit-backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #ccaf8466;border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #5a322a0a}.theme-B .btn-option:hover{background:#fff6e999;border-color:#e2b651;transform:translateY(-1px);box-shadow:0 2px 12px #e2b6511f}.theme-B .btn-primary.filled{background:linear-gradient(135deg,#5a322a,#6d3f35);border:none;box-shadow:0 4px 14px #5a322a33}.theme-B .btn-primary.outlined{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1.5px solid #5a322a33}.theme-B .doctor-card{background:#fff;border:none;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #5a322a0a,0 8px 24px #5a322a0f}.theme-B .doctor-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #5a322a0f,0 16px 40px #5a322a1a}.theme-B .doctor-photo{border:none;border-radius:16px;width:92px;height:92px;box-shadow:0 2px 8px #5a322a1a}.theme-B .doctor-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f9f6f2cc;border:.5px solid #ccaf844d}.theme-B .clinic-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:none;border-radius:16px;box-shadow:0 2px 8px #5a322a0d}.theme-B .clinic-card:hover{transform:translateY(-1px);box-shadow:0 4px 20px #5a322a14}.theme-B .chat-input-bar{-webkit-backdrop-filter:saturate(180%)blur(16px);background:#ffffffd9;border-top:1px solid #e8ddd580;padding:12px 16px}.theme-B .chat-input-bar input{background:#f9f6f299;border:1px solid #e8ddd599;border-radius:16px}.theme-B .chat-input-bar input:focus{background:#fff;border-color:#e2b65180;box-shadow:0 0 0 3px #e2b6511a}.theme-B .chat-input-bar button{background:linear-gradient(135deg,#5a322a,#6d3f35);box-shadow:0 2px 8px #5a322a33}.theme-B .fab-booking{background:linear-gradient(135deg,#e2b651,#ccaf84);border-radius:16px;box-shadow:0 4px 16px #e2b6514d}.theme-B .panel-clinic-card{border-radius:20px;box-shadow:0 2px 8px #5a322a0f}.theme-C{background-color:#f7f0e6;background-image:radial-gradient(at 20%,#e2b6510a 0%,#0000 50%),radial-gradient(at 80% 20%,#9f6c3e08 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.theme-C .chat-wrapper{background:linear-gradient(#faf4eb 0%,#f5ede0 25%,#f8f2e8 50%,#f5ede0 75%,#faf4eb 100%)}.theme-C .chat-header{background:linear-gradient(#5a322a 0%,#4e2b24 100%);border-bottom:none;padding:16px 18px 18px;position:relative;box-shadow:0 2px 12px #5a322a26}.theme-C .chat-header:before{content:"";background:linear-gradient(90deg,#0000,#e2b65180,#ccaf844d,#0000);height:1px;position:absolute;bottom:0;left:18px;right:18px}.theme-C .chat-header:after{content:"";pointer-events:none;background:linear-gradient(#5a322a0f,#0000);height:16px;position:absolute;bottom:-16px;left:0;right:0}.theme-C .chat-header .title{color:#e2b651;letter-spacing:1px}.theme-C .chat-messages{gap:18px;padding:28px 16px 88px}.theme-C .msg{animation:.4s cubic-bezier(.4,0,.2,1) themeCFadeIn}@keyframes themeCFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.theme-C .msg-avatar{border:2px solid #ccaf844d;box-shadow:0 2px 6px #9f6c3e14}.theme-C .msg.bot .msg-bubble{background:linear-gradient(155deg,#fff 0%,#fdf8f0 60%,#fbf4e8 100%);border:1px solid #ccaf8433;border-left:2.5px solid #e2b65159;border-radius:4px 18px 18px;padding:14px 16px;line-height:1.7;box-shadow:0 1px 3px #9f6c3e0d,0 4px 12px #9f6c3e0a,inset 0 1px #fffc}.theme-C .msg.user .msg-bubble{background:linear-gradient(135deg,#a67443 0%,#9f6c3e 40%,#8b5e34 100%);border-radius:18px 4px 18px 18px;padding:14px 16px;line-height:1.7;box-shadow:0 2px 8px #9f6c3e33,inset 0 1px #ffffff1a}.theme-C .btn-option{background:linear-gradient(145deg,#fffcf7,#fbf6ee);border:1.5px solid #ccaf8440;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #9f6c3e0a,0 3px 8px #9f6c3e08}.theme-C .btn-option:before{content:"";background:linear-gradient(#e2b651,#ccaf84);border-radius:0 3px 3px 0;width:3px;height:0;transition:height .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.theme-C .btn-option:after{content:"";opacity:0;background:linear-gradient(135deg,#e2b6510f,#0000);transition:opacity .3s;position:absolute;inset:0}.theme-C .btn-option:hover{background:linear-gradient(145deg,#fff9ef,#fbf3e6);border-color:#ccaf8480;transform:translate(3px);box-shadow:0 2px 4px #9f6c3e0f,0 6px 16px #9f6c3e14}.theme-C .btn-option:hover:before{height:55%}.theme-C .btn-option:hover:after{opacity:1}.theme-C .btn-primary.filled{background:linear-gradient(135deg,#a67443,#9f6c3e,#8b5e34);border:none;position:relative;overflow:hidden;box-shadow:0 3px 10px #9f6c3e33,0 6px 20px #9f6c3e1a}.theme-C .btn-primary.filled:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000);height:50%;position:absolute;top:0;left:0;right:0}.theme-C .btn-primary.outlined{color:#9f6c3e;background:linear-gradient(145deg,#fffcf7,#fbf6ee);border:1.5px solid #ccaf8480}.theme-C .doctor-card{background:linear-gradient(160deg,#fff 0%,#fdfaf5 40%,#fbf6ee 100%);border:1px solid #ccaf8426;border-radius:18px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #9f6c3e0a,0 4px 12px #9f6c3e0d,0 8px 24px #9f6c3e08}.theme-C .doctor-card:before{content:"";background:linear-gradient(90deg,#0000,#e2b65166,#ccaf8433,#0000);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:20px;right:20px}.theme-C .doctor-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #9f6c3e0d,0 8px 20px #9f6c3e12,0 16px 40px #9f6c3e0d}.theme-C .doctor-photo{border:2px solid #ccaf8433;border-radius:14px;width:92px;height:92px;box-shadow:0 2px 8px #9f6c3e14}.theme-C .doctor-tag{color:#9f6c3e;background:linear-gradient(135deg,#fff9ef,#fbf3e6);border:.5px solid #ccaf8440;font-weight:500}.theme-C .doctor-info>div:first-child span:first-child{color:#5a322a}.theme-C .clinic-card{background:linear-gradient(155deg,#fff,#fdfaf5);border:1px solid #ccaf8426;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #9f6c3e0a,0 4px 12px #9f6c3e08}.theme-C .clinic-card:hover{border-color:#ccaf8466;transform:translateY(-1px);box-shadow:0 4px 12px #9f6c3e0f,0 8px 24px #9f6c3e0f}.theme-C .chat-input-bar{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#fbf6eeeb,#f7f0e6fa);border-top:1px solid #ccaf8426;padding:12px 16px}.theme-C .chat-input-bar input{background:linear-gradient(135deg,#fffcf7,#fbf6ee);border:1.5px solid #ccaf8440;border-radius:20px;box-shadow:inset 0 1px 3px #9f6c3e0a}.theme-C .chat-input-bar input:focus{background:#fffcf7;border-color:#e2b65180;box-shadow:0 0 0 3px #e2b65114,inset 0 1px 2px #9f6c3e05}.theme-C .chat-input-bar button{background:linear-gradient(135deg,#a67443,#9f6c3e);box-shadow:0 2px 6px #9f6c3e33}.theme-C .fab-booking{background:linear-gradient(135deg,#e2b651,#d4a845);border:1px solid #fff3;box-shadow:0 2px 6px #e2b65133,0 6px 20px #e2b65140}.theme-C .fab-booking:hover{box-shadow:0 4px 10px #e2b65140,0 10px 30px #e2b6514d}.theme-C .panel-header{background:linear-gradient(#5a322a,#4e2b24)}.theme-C .panel-clinic-card{background:linear-gradient(155deg,#fff,#fdfaf5);border-radius:18px;box-shadow:0 2px 8px #9f6c3e0d}.theme-C .panel-body{background:#f7f0e6}.theme-C .doctor-btn-intro{background:linear-gradient(145deg,#fbf6ee,#f5ede0)!important;border:1px solid #ccaf844d!important;border-radius:12px!important;box-shadow:0 1px 3px #9f6c3e0d!important}.theme-C .doctor-btn-book{background:linear-gradient(135deg,#e2b651,#d4a845)!important;border:1px solid #fff3!important;border-radius:12px!important;box-shadow:0 2px 8px #e2b65140!important}.theme-C .doctor-top{padding:16px!important}.theme-C .doctor-actions-bar{padding:0 16px 16px!important}.theme-C .doctor-specialty{color:var(--caramel)!important}.theme-B .doctor-btn-intro{background:#f5f0eb!important;border:1px solid #e8ddd599!important;border-radius:14px!important}.theme-B .doctor-btn-book{background:linear-gradient(135deg,#e2b651,#ccaf84)!important;border-radius:14px!important;box-shadow:0 2px 8px #e2b65133!important}.theme-B .doctor-top{padding:16px!important}.theme-B .doctor-actions-bar{padding:0 16px 16px!important}