.preview-file{position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center}.preview-file .mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;transition:opacity .3s ease}.preview-file .preview-container{width:90%;height:90%;max-width:1400px;max-height:90vh;z-index:10000}.preview-file .iframe-wrapper,.preview-file .preview-container{position:relative;display:flex;align-items:center;justify-content:center}.preview-file .iframe-wrapper{width:100%;height:100%;background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}.preview-file .iframe-wrapper iframe{width:100%;height:100%;border:none;background:#fff}.preview-file .close-btn{position:absolute;top:-50px;right:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;background:hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,.15);transition:all .3s ease;z-index:10001}.preview-file .close-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,.2)}.preview-file .close-btn:active{transform:scale(.95)}.preview-file .close-btn i{font-size:20px;color:#333;font-weight:700}