.mf-layer-mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;transition:opacity .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overscroll-behavior:contain}.mf-layer{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.8);background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15);max-width:100vw;max-height:90vh;transition:transform .3s ease}.mf-layer-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:center;justify-content:space-between}.mf-layer-header h3{margin:0;font-size:16px;font-weight:500;color:#333}.mf-layer-close-btn{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.mf-layer-close-btn:hover{color:#666}.mf-layer-close-icon{position:relative;display:inline-block;width:20px;height:20px;cursor:pointer}.mf-layer-close-icon::before,.mf-layer-close-icon::after{content:"";position:absolute;top:50%;left:50%;width:2px;background:currentColor;transform-origin:center}.mf-layer-close-icon::before{transform:translate(-50%, -50%) rotate(45deg)}.mf-layer-close-icon::after{transform:translate(-50%, -50%) rotate(-45deg)}.mf-layer-close-icon::before,.mf-layer-close-icon::after{height:18px}.mf-layer-close{cursor:pointer;transition:all .2s ease}.mf-layer-close:hover{opacity:.8}.mf-layer-close-inline{position:absolute;top:10px;right:10px;z-index:10;background:none;border-radius:4px;padding:4px 8px;font-size:14px;color:#666;transition:all .2s ease}.mf-layer-close-inline:hover{transform:scale(1.05);border-color:#999;color:#333}.mf-layer-close-inline .mf-layer-close-icon{width:16px;height:16px}.mf-layer-close-inline .mf-layer-close-icon::before,.mf-layer-close-inline .mf-layer-close-icon::after{height:12px}.mf-layer-close-external-top,.mf-layer-close-external-bottom{position:absolute;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;z-index:10;transition:all .2s ease;transition:all .16s ease}.mf-layer-close-external-top:hover,.mf-layer-close-external-bottom:hover{background:#000;color:#fff}.mf-layer-close-external-top{top:0;right:0;width:30px;height:30px;color:#000;background:#fff;font-size:16px;transform:translateY(-100%);border-radius:0}.mf-layer-close-external-top .mf-layer-close-icon{width:18px;height:18px}.mf-layer-close-external-top .mf-layer-close-icon::before,.mf-layer-close-external-top .mf-layer-close-icon::after{height:14px}.mf-layer-close-external-bottom{bottom:0;left:50%;transform:translateX(-50%) translateY(130%);width:40px;height:40px;font-size:18px}.mf-layer-close-external-bottom .mf-layer-close-icon{width:24px;height:24px}.mf-layer-close-external-bottom .mf-layer-close-icon::before,.mf-layer-close-external-bottom .mf-layer-close-icon::after{height:18px}.mf-layer-content{box-sizing:border-box;padding:2.66667vw;height:100%;overflow:auto;overflow-x:hidden;scroll-behavior:smooth;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,0)}@media(min-width: 990px){.mf-layer-content{padding:1.04167vw}}.mf-layer-content::-webkit-scrollbar{width:6px}.mf-layer-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.mf-layer-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.mf-layer-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.mf-layer-content iframe{display:block;width:100%;height:100%;border:none}.mf-layer-tip{position:fixed;left:50%;transform:translate(-50%, -50%) scale(0.8);opacity:0;transition:all .3s ease;pointer-events:none;word-wrap:break-word;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.15);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mf-layer-tip.mf-layer-tip-top{top:20%}.mf-layer-tip.mf-layer-tip-center{top:50%}.mf-layer-tip.mf-layer-tip-bottom{top:80%}