body,html{width:100%;height:100%;margin:0;background:radial-gradient(circle at 10% 10%,#f2f6ff 0,#eef3ff 28%,#f7f9ff 100%);overflow:hidden;font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:#1f2937}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#result-image,.image-wrap,.preview-media,.split-image{position:relative}#header .container{width:100%!important}.head-matting-container{height:calc(100% - 60px);padding:20px 24px 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px}#menuBar,.mode-panel{display:flex;align-items:center}#menuBar{height:64px;padding:8px 14px;border:1px solid #e6ebff;border-radius:14px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);box-shadow:0 10px 24px rgba(23,40,92,.08);justify-content:space-between;box-sizing:border-box}.btn-head,.homepage{border-radius:10px;transition:all .2s ease}.mode-panel{height:48px}.homepage{display:inline-flex;align-items:center;gap:8px;margin-right:10px;padding:8px 12px;color:#4b5563;text-decoration:none;background:#f6f8ff}.homepage:hover{background:#eef2ff;color:#1f3cff}.redo-panel{flex:1;height:48px;display:flex;align-items:center;justify-content:center}.download-panel{display:flex;align-items:center;gap:10px}.btn-head{min-width:108px;height:40px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer}#upload-button{color:#fff;background:linear-gradient(135deg,#2153f3 0,#3556ff 100%);border-color:transparent!important;box-shadow:0 8px 16px rgba(33,83,243,.3)}#upload-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(33,83,243,.35)}#download-button{color:#334155;background:#fff;border-color:#d0d7eb;border-width:1px}.btn{font-size:13px;letter-spacing:.3px;min-width:84px;height:40px;border-radius:10px;border:1px solid #dce3f9;background-color:#fff}.btn-primary{border-color:#dce3f9!important;background-size:18px 18px;background-repeat:no-repeat;background-position:12px center;padding:0 14px 0 34px;font-weight:600;color:#334155;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background-color:#f4f7ff!important}.btn-img-clear{background-image:url(/static/seg/image/icon/redo.svg)}.fs-split{display:flex;width:100%;height:calc(100vh - 238px);min-height:440px;gap:14px}#canvas-div .split-image{background:#fff}.split-image{flex:1;overflow:hidden;border-radius:14px;border:1px solid #e2e8ff;box-shadow:0 12px 26px rgba(18,34,77,.08)}.split-border{border-right:1px solid #e2e8ff}#canvas-div .split-border{border-right:1px solid #e2e8ff!important;box-sizing:border-box}.panel-title{height:48px;line-height:48px;text-align:left;padding:0 16px;color:#1e293b;font-size:15px;font-weight:600;border-bottom:1px solid #eef1ff;background:linear-gradient(180deg,#f9fbff 0,#f4f7ff 100%)}.image-wrap{height:calc(100% - 48px);display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,#f5f6fb 25%,transparent 25%),linear-gradient(-45deg,#f5f6fb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f5f6fb 75%),linear-gradient(-45deg,transparent 75%,#f5f6fb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.preview-media{height:90%;display:inline-flex;align-items:center;justify-content:center;width:100%;max-height:90%;max-width:90%}.preview-media.act{height:90%}#origin-image,#result-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(15, 23, 42, .16))}#hm-result-cover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;pointer-events:none}#result-image{z-index:1}.hm-message-box,.loader-container{position:absolute;top:50%;left:50%}.loader-container{width:72px;height:72px;transform:translate(-50%,-50%);z-index:10}.loader{border:5px solid #e5e7ef;border-top:5px solid #2153f3;border-radius:50%;width:72px;height:72px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#handoff{display:none;position:fixed;bottom:30px;left:0;right:0;width:100%;z-index:60;pointer-events:auto}#handoff .handoff-inner{display:flex;justify-content:space-around;width:100%}#beforeHeadMatting{width:45%;background:#2153F3;color:#fff;border-color:#fff}#afterHeadMatting{width:45%;background:#fff;color:#000;border-color:#000}@media screen and (max-width:768px){.head-matting-container{padding-bottom:90px}#handoff{display:block}#handoff .btn-head{min-width:0!important;width:45%;height:40px}}.hm-message-window{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:99}.hm-message-box{transform:translate(-50%,-50%);width:320px;background:#fff;border-radius:12px;border:1px solid #e6ebff;box-shadow:0 12px 30px rgba(9,20,52,.18);padding:22px;text-align:center}.hm-message-text{font-size:18px;margin-bottom:10px;color:#333}.hm-message-buttons{padding:10px}.hm-message-ok-btn{width:70px;height:30px;font-size:14px;font-weight:700;letter-spacing:.5px;color:#fff;background-color:#2153f3;border-color:transparent!important;border-radius:6px}@media screen and (max-width:768px){body,html{overflow-y:auto;overflow-x:hidden}.head-matting-container{height:auto;min-height:calc(100vh - 60px);overflow-y:auto;padding:14px 12px;gap:10px}.fs-split{height:auto;min-height:0;display:block}.split-image{height:48vh;min-height:280px;margin-bottom:10px}.redo-panel{margin-left:0;transform:translateX(0)}#menuBar{height:auto;padding:10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px}.mode-panel{display:none!important}.download-panel{display:flex;width:auto;flex:2;margin-top:0;gap:10px}.download-panel .btn-head{flex:1;min-width:0}.btn,.btn-head{min-width:0;width:100%}.toolbar-center{width:auto;flex:1}.btn-img-clear{background-image:none!important;padding:0 14px!important}.loader-container{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}.hm-message-box{width:290px;padding:18px 14px;border-radius:10px}.hm-message-text{font-size:16px;margin-bottom:8px}.hm-message-ok-btn{width:78px;height:32px;font-size:13px}}