/*—— 遮罩 ——*/
.mini-mask{
    position:fixed;left:0;top:0;width:100%;height:100%;
    background:rgba(0,0,0,.4);z-index:9998;
}
/*—— 弹窗 ——*/
.mini-layer{
    position:fixed;    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    min-width: 640px;
    min-height: 480px;
    background:#fff;border-radius:4px;box-shadow:0 12px 30px rgba(0,0,0,.3);
    display:flex;flex-direction:column;z-index:9999;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;
    user-select:none;
    resize:both;overflow:hidden;   /* 原生 resize 手柄 */
}
.mini-title{
    background: #0073b5;
    color:#fff;
    padding: 8px 10px;
    font-size:14px;
    cursor:move;
    display:flex;
    justify-content:space-between;
    align-items:center;
    width: calc(100% - 20px);
}
.mini-close{cursor:pointer;font-size:18px;}
.mini-body{padding:20px;flex:1;overflow:auto;}
.mini-body a{color:#0066cc;}
/* 右下角自定义 resize 手柄（兼容更多浏览器） */
.mini-resize{
    position:absolute;right:1px;bottom:1px;width:12px;height:12px;
    background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M12 0v12L0 0z" fill="%23000" opacity=".2"/></svg>');
    cursor:se-resize;
}