.wm-page{padding:26px;min-height:100vh;background:linear-gradient(150deg,#f5f8ff,#f8fafc);color:#17233b;--el-color-primary:#2368ff;font-family:Inter,"PingFang SC",sans-serif}.wm-page *{box-sizing:border-box}.wm-icon{width:20px;height:20px;vertical-align:middle;flex:none}.wm-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.wm-title{display:flex;gap:14px;align-items:center}.wm-title>span{color:#2877ff}.wm-title>span>.wm-icon{width:40px;height:40px}.wm-head h1{font-size:26px;margin:0 0 8px;color:#101d37}.wm-head p{font-size:13px;color:#8090a6;margin:0}.wm-actions{display:flex;gap:12px}.wm-page .el-button{border-radius:11px!important;box-shadow:none!important;color:#22334c;border:1px solid #dfe6f1!important;background:white!important;font-size:13px!important;padding:12px 18px}.wm-page .el-button--primary{background:#2468ff!important;color:white!important;border-color:#2468ff!important}.wm-page .el-button--primary:hover{background:#1454e0!important}.wm-page .el-button.is-disabled{opacity:.45}.wm-page .el-button .wm-icon{margin-right:8px;width:17px;height:17px}.wm-actions .el-button{height:43px}.wm-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}.wm-settings,.wm-preview-panel,.wm-queue-panel,.wm-batch{background:#fff;border:1px solid #edf1f6;border-radius:16px;box-shadow:0 3px 15px #18396503}.wm-settings{padding:20px}.wm-settings section+section{border-top:1px solid #eef2f7;margin-top:19px;padding-top:19px}.wm-page h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:14px;font-weight:650}.wm-page h2>i{width:24px;height:24px;border-radius:50%;background:#2468ff;color:white;display:grid;place-items:center;font-size:13px;font-style:normal;flex:none}.wm-page h2 small{color:#8291a7;font-weight:400;font-size:11px}.wm-ratios{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wm-ratios button{display:flex;align-items:center;flex-direction:column;gap:10px;background:white;border:1px solid #dce4f1;border-radius:8px;padding:13px 4px;color:#20324d;font-size:12px;cursor:pointer}.wm-ratios button.active{color:#2468ff;background:#eef4ff;border-color:#2468ff}.wm-ratios span{width:18px;height:11px;border:1.3px solid currentColor;border-radius:2px}.wm-ratios .normal{width:16px;height:12px}.wm-ratios .square{width:13px;height:13px;border-style:dashed}.wm-hint{font-size:11px;line-height:1.7;color:#8a99af;margin:10px 0}.wm-tabs{display:flex;gap:5px}.wm-tabs button{border:0;border-radius:8px;background:#f4f6fa;color:#75859d;padding:7px 12px;font-size:12px;cursor:pointer}.wm-tabs button.active{background:#eaf1ff;color:#2468ff}.wm-settings .wm-tabs button{flex:1}.wm-templates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.wm-template{position:relative;text-align:left;border:0;padding:0;background:transparent;cursor:pointer;min-width:0;color:#7d8ca2;font-size:11px}.wm-template-preview{position:relative;background:linear-gradient(140deg,#fafbfc,#eff3f8);height:72px;border-radius:8px;border:1px solid #e5eaf1;padding:9px;color:#2c333d;overflow:hidden;display:flex;justify-content:space-between;gap:4px}.wm-template-preview.dark{background:#2f3031;color:white}.wm-template-preview b{font-size:12px;white-space:nowrap;font-weight:500}.wm-template-preview span{font-size:8px;white-space:nowrap}.wm-template-preview small{position:absolute;bottom:7px;right:7px;font-size:6px}.wm-template-preview img{width:100%;height:100%;object-fit:contain}.wm-template.selected .wm-template-preview{outline:2px solid #2468ff;outline-offset:2px}.wm-template>span{display:block;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-template>i{position:absolute;right:0;bottom:0;background:#2468ff;border-radius:50%;color:white;width:16px;height:16px;text-align:center;font-style:normal}.wm-upload-template{min-height:94px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#f9fbfd;border:1px dashed #d6e1ee;color:#71829b;border-radius:9px;font-size:11px;cursor:pointer}.wm-upload-template strong{font-size:24px;font-weight:300}.wm-upload-template small{font-size:9px;color:#9aa7ba}.wm-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;font-size:12px;color:#566984}.wm-setting-row .el-slider{flex:1;min-width:60px;margin-left:8px}.wm-setting-row small{font-size:11px}.wm-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;color:#71809a}.wm-label .el-select{width:185px}.wm-page .el-input__wrapper,.wm-page .el-select__wrapper{border-radius:8px!important;background:#fff!important;box-shadow:0 0 0 1px #dfe7f1 inset!important;min-height:32px}.wm-main{min-width:0}.wm-preview-panel{padding:20px}.wm-preview-stage{border:1px solid #e9edf4;border-radius:10px;background-color:#fbfcfe;background-image:linear-gradient(45deg,#e9edf3 25%,transparent 25%),linear-gradient(-45deg,#e9edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf3 75%),linear-gradient(-45deg,transparent 75%,#e9edf3 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;padding:12px;display:flex;align-items:center;justify-content:center;min-height:380px}.wm-preview-stage canvas{display:block;max-width:100%;max-height:620px;width:100%;object-fit:contain;cursor:grab;touch-action:none;background:#fff;border-radius:3px}.wm-preview-stage canvas:active{cursor:grabbing}.wm-empty{text-align:center;padding:60px 20px;color:#8796ac;background:#ffffffde;border-radius:15px}.wm-empty>.wm-icon{width:55px;height:55px;color:#95b7fc}.wm-empty h3{color:#4c6485;font-size:17px}.wm-empty p{font-size:12px;margin:14px 0 20px}.wm-preview-controls{display:flex;gap:10px;align-items:center;padding-top:13px;color:#6e7f97;font-size:12px;flex-wrap:wrap}.wm-preview-controls>.el-slider{width:100px}.wm-preview-controls .el-button{padding:7px 10px;font-size:11px!important;margin:0}.wm-rotation{margin-left:auto;display:flex;gap:7px}.wm-queue-panel{margin-top:14px;padding:16px}.wm-queue-panel>header{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.wm-queue-panel h2{margin:0;font-size:13px}.wm-queue-panel>header>.el-button{margin-left:auto;border:0!important;padding:4px}.wm-queue{display:flex;gap:12px;overflow-x:auto;padding:5px 2px 8px;min-height:125px}.wm-queue article{flex:0 0 112px;position:relative;min-width:0}.wm-thumb{width:100%;height:74px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#f3f5f8;cursor:pointer;display:block;position:relative}.wm-thumb img{width:100%;height:100%;object-fit:cover}.wm-queue article.active .wm-thumb{border-color:#2468ff;box-shadow:0 0 0 2px #e5efff}.wm-queue article>input{position:absolute;right:7px;top:7px;width:16px;height:16px;accent-color:#2468ff;cursor:pointer}.wm-remove{position:absolute;left:5px;top:5px;border:0;width:19px;height:19px;border-radius:50%;background:#ffffffc9;color:#4f5e73;cursor:pointer}.wm-queue article>b{display:block;font-size:10px;font-weight:500;margin-top:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wm-queue article>small{display:block;font-size:9px;color:#8e9cb0;margin-top:5px}.wm-done{position:absolute;bottom:3px;right:3px;padding:2px 4px;background:#ffffffdb;color:#318567;border-radius:3px;font-size:8px}.wm-error{font-size:10px;color:#be5555}.wm-queue>p{font-size:12px;color:#98a5b7;margin:auto}.wm-batch{margin-top:10px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#74839a}.wm-batch>span>small{display:block;margin-top:5px;color:#2468ff}.wm-batch>div{display:flex;gap:9px;flex-wrap:wrap}.wm-batch .el-button{margin:0;height:38px;padding:8px 12px}.wm-dialog{max-width:calc(100vw - 24px);border-radius:15px}.wm-dialog p{font-size:13px;line-height:1.8;color:#8190a5}@media(max-width:1200px){.wm-page{padding:18px}.wm-layout{grid-template-columns:290px minmax(0,1fr)}.wm-settings{padding:16px}.wm-preview-stage{min-height:300px}.wm-batch{flex-wrap:wrap}.wm-label .el-select{width:160px}.wm-head p{max-width:380px}}@media(max-width:850px){.wm-layout{grid-template-columns:minmax(0,1fr)}.wm-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wm-settings section+section{margin:0;padding:0;border:0}.wm-settings section:last-child{grid-column:1/-1}.wm-head{flex-wrap:wrap}.wm-preview-stage{min-height:240px}}@media(max-width:550px){.wm-page{padding:14px 10px}.wm-head h1{font-size:23px}.wm-head p{font-size:11px}.wm-title>span>.wm-icon{width:32px;height:32px}.wm-actions{width:100%}.wm-actions .el-button{flex:1;padding:10px}.wm-settings{grid-template-columns:1fr;gap:16px}.wm-settings section+section{border-top:1px solid #edf1f5;padding-top:16px}.wm-preview-panel{padding:13px}.wm-page h2 small{font-size:10px}.wm-preview-stage{padding:7px}.wm-preview-controls{gap:8px}.wm-rotation{margin-left:0;width:100%}.wm-batch{padding:12px}.wm-batch>div{width:100%;gap:7px}.wm-batch .el-button{flex:1;padding:8px;font-size:11px!important}.wm-batch .el-button:last-child{flex-basis:100%}.wm-queue-panel{padding:12px}.wm-queue-panel>header{gap:9px}.wm-queue-panel .wm-tabs{order:3;width:100%}}
.wm-preview-stage{background:#f5f7fa;background-image:none;padding:0;min-height:0;overflow:hidden}.wm-preview-stage canvas{width:auto;height:auto;max-width:100%;max-height:620px;border-radius:0}.wm-dimension-note{display:flex;gap:14px;flex-wrap:wrap;margin:11px 0 0;font-size:11px;color:#617895}.wm-dimension-note>span{color:#96a4b6}.wm-empty{width:100%;min-height:340px}.wm-preview-stage:has(.wm-empty){background:#f5f7fa}
.wm-dialog .el-button{border-radius:9px!important;color:#34445a!important;background:#fff!important;border:1px solid #dfe6ef!important;box-shadow:none!important;font-weight:500!important}.wm-dialog .el-button--primary:not(.is-link){background:#2468ff!important;border-color:#2468ff!important;color:#fff!important}.wm-dialog .el-button.is-link{background:transparent!important;border:0!important;padding:7px 9px!important;color:#2468ff!important}.wm-dialog .el-button.is-link:not(.el-button--primary):not(.el-button--danger){color:#65758a!important}.wm-dialog .el-button--danger.is-link{color:#c74b56!important}.wm-dialog .el-button.is-link:hover{background:#edf3ff!important}.wm-dialog .el-button.is-link.el-button--danger:hover{background:#fff0f1!important}.wm-dialog .el-button:focus-visible{outline:2px solid #2468ff;outline-offset:2px}.wm-dialog .el-checkbox{margin:5px 0 15px}.wm-dialog .el-form>.el-button{margin-top:8px}.wm-png-placeholder{white-space:normal!important;margin:auto;text-align:center;line-height:1.8;font-size:10px!important;color:#8394ac}
@font-face{font-family:WatermarkLanting;src:url('/assets/FZLantingWatermark.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.wm-ratios{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-custom-ratio{display:flex;align-items:center;gap:8px;margin-top:12px}.wm-custom-ratio .el-input-number{width:120px}
@font-face{font-family:WatermarkCoverBold;src:url('/assets/FZLantingCover.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}.wm-template-preview:has(img){background:#354152}.wm-settings .el-form{margin-top:14px}.wm-settings .el-form-item__label{font-size:12px;color:#70829a}
.wm-shadow-checkbox{margin:0 0 12px}.wm-shadow-checkbox .el-checkbox__label{font-size:12px;color:#5a6f8b}