/* 预约咨询公共弹窗：由站点公共布局加载，所有页面共用同一套结构 */
.appointment-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px}
.appointment-modal[hidden]{display:none!important}
.appointment-backdrop{position:absolute;inset:0;background:rgba(9,20,38,.62);backdrop-filter:blur(2px)}
.appointment-dialog{position:relative;width:min(546px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface-bright);border-radius:10px;box-shadow:0 24px 70px rgba(9,20,38,.28)}
.appointment-header{height:114px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--surface-container-high)}
.appointment-header h2{font-size:30px;line-height:40px;font-weight:700;color:var(--primary)}
.appointment-close{width:40px;height:40px;border:0;background:transparent;color:var(--on-surface-variant);font-size:36px;font-weight:300;line-height:1;cursor:pointer}.appointment-close:hover{color:var(--primary)}
.appointment-body{padding:32px 28px 30px;text-align:center}.appointment-intro{margin:0 0 28px;font-size:20px;line-height:30px;color:var(--on-surface-variant)}
.appointment-qr-placeholder{width:234px;height:234px;margin:0 auto 28px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#f7f9fb,#e9edf1);border:1px solid var(--surface-container-high);color:var(--on-surface-variant);font-size:18px}
.appointment-contact-divider{height:1px;margin:0 0 25px;background:var(--surface-container-high)}
.appointment-contact{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--on-surface)}.appointment-contact a{color:inherit;text-decoration:none}.appointment-contact a:hover{text-decoration:underline}
.appointment-phone{font-size:22px;font-weight:600;line-height:32px}.appointment-email{margin-top:14px;font-size:17px;line-height:26px;color:var(--on-surface-variant)}
.appointment-contact-icon{width:24px;font-size:25px;line-height:1;color:var(--primary)}
.appointment-footer{padding:30px 28px;background:var(--surface-container-low)}.appointment-submit{width:100%;height:49px;border:0;border-radius:5px;background:var(--primary);color:var(--on-primary);font-size:16px;font-weight:600;cursor:pointer}.appointment-submit:hover{background:var(--primary-container)}
@media(max-width:600px){.appointment-modal{padding:16px}.appointment-header{height:84px;padding:0 22px}.appointment-header h2{font-size:25px}.appointment-body{padding:26px 22px}.appointment-intro{font-size:17px;line-height:26px}.appointment-qr-placeholder{width:210px;height:210px}.appointment-footer{padding:22px}}