:root{--radius:16px;--pad-x:20px;--head-h:70px;--foot-h:64px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(120%) blur(1px);backdrop-filter:saturate(120%) blur(1px);z-index:1000}.modal-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,92vw);max-height:80vh;border-radius:var(--radius);background:#fff;color:#111;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;outline:0;z-index:1001}.modal-footer,.modal-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad-x)}.modal-header{height:var(--head-h)}.modal-footer{height:var(--foot-h);display:grid;grid-template-columns:114px 1fr;gap:12px;height:80px;align-items:center}.modal-title{margin:0;font-size:18px;font-weight:600}.modal-title .modal-sub{margin-left:6px;font-weight:400}.modal-body{padding:4px var(--pad-x) var(--pad-x);overflow:auto}.icon-btn{background:0 0;border:0;font-size:24px;line-height:1;cursor:pointer}.btn{height:44px;padding:10px 14px;border-radius:10px;border:1px solid #ddd;cursor:pointer;font-weight:500}.btn.primary{background:var(--color-bg-brand);border-color:var(--color-bg-brand);color:#fff;width:100%}.btn.ghost{background:#fff}.option-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.opt-item{height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:all .15s ease}.opt-item:hover{background:#fafafb}.opt-item.selected{background:#b8e0FD33}.opt-check{display:inline-flex;align-items:center;justify-content:center}.opt-check::after{content:"";width:24px;height:24px;background:url(/vue_renewal/theme/images/icon/default_check.svg) no-repeat center/contain;opacity:.35}.opt-item.selected .opt-check::after{background-image:url(/vue_renewal/theme/images/icon/blue_check.svg);opacity:1}.btn-reset{display:inline-flex;align-items:center;gap:8px;width:114px;padding:0 var(--Space-20,20px)}.btn-reset .ico{width:18px;height:18px;background:url(/vue_renewal/theme/images/icon/refresh.svg) no-repeat center/contain;opacity:.9}.btn-reset:hover .ico{opacity:1}@media (max-width:767.98px){.modal-panel{top:auto;left:0;right:0;bottom:0;transform:none;width:auto;max-height:85vh;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:max(env(safe-area-inset-bottom),0)}.opt-item{padding:16px 18px}}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.sheet-enter-active,.sheet-leave-active{transition:transform .22s ease,opacity .22s ease}.sheet-enter-from,.sheet-leave-to{transform:translate(-50%,calc(-50% + 16px));opacity:0}@media (max-width:767.98px){.sheet-enter-from,.sheet-leave-to{transform:translateY(24px);opacity:0}}@media (prefers-color-scheme:dark){.modal-panel{background:#1e1e1e;color:#fff}.modal-footer,.modal-header{border-color:#2a2a2a}.btn.ghost{color:#fff;border-color:#444;background:#2a2a2a}.btn.primary{background:#4f7dff;border-color:#4f7dff}}