.modal-overlay[data-v-24fbb940]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000073;padding:16px}.modal-container[data-v-24fbb940]{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000002e;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-24fbb940]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;flex-shrink:0}.modal-title[data-v-24fbb940]{margin:0;font-size:18px;font-weight:600;color:#1a1a1a;line-height:1.4}.modal-close[data-v-24fbb940]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:#999;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.modal-close[data-v-24fbb940]:hover{background:#f5f5f5;color:#333}.modal-body[data-v-24fbb940]{padding:12px 24px 20px;overflow-y:auto;flex:1;color:#555;font-size:14px;line-height:1.6}.modal-footer[data-v-24fbb940]{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 24px 20px;flex-shrink:0}.modal-enter-active[data-v-24fbb940],.modal-leave-active[data-v-24fbb940]{transition:opacity .25s ease}.modal-enter-active .modal-container[data-v-24fbb940],.modal-leave-active .modal-container[data-v-24fbb940]{transition:transform .25s ease,opacity .25s ease}.modal-enter-from[data-v-24fbb940],.modal-leave-to[data-v-24fbb940]{opacity:0}.modal-enter-from .modal-container[data-v-24fbb940]{transform:scale(.92) translateY(10px);opacity:0}.modal-leave-to .modal-container[data-v-24fbb940]{transform:scale(.95);opacity:0}@media (max-width: 480px){.modal-overlay[data-v-24fbb940]{padding:12px;align-items:flex-end}.modal-container[data-v-24fbb940]{width:100%!important;max-width:100%!important;max-height:80vh;border-radius:16px 16px 0 0}.modal-header[data-v-24fbb940]{padding:16px 20px 10px}.modal-body[data-v-24fbb940],.modal-footer[data-v-24fbb940]{padding:10px 20px 16px}.modal-enter-from .modal-container[data-v-24fbb940],.modal-leave-to .modal-container[data-v-24fbb940]{transform:translateY(100%);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;min-height:100vh}.demo{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;padding:24px}.demo h1{font-size:24px;margin-bottom:16px;color:#333}.demo button:not(.btn){padding:10px 24px;border:none;border-radius:8px;background:#4f46e5;color:#fff;font-size:15px;cursor:pointer;transition:background .2s;width:200px}.demo button:not(.btn):hover{background:#4338ca}.btn{padding:8px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.btn-cancel{background:#f5f5f5;color:#555}.btn-cancel:hover{background:#e8e8e8}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}