:root{--primary-color: #ff4757;--secondary-color: #ff7b8b;--light-color: #fff1f2;--dark-color: #333333;--success-color: #2ed573;--border-radius: 12px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fef6f7;color:var(--dark-color);min-height:100vh;display:flex;flex-direction:column;margin:0}.header{background-color:#fff;box-shadow:var(--shadow);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;width:100%;z-index:99;box-sizing:border-box}.btn-box{display:flex;gap:10px;flex-wrap:wrap}.upload-box{width:100%}.el-upload-dragger{border-radius:var(--border-radius)!important;background-color:var(--light-color)!important;border:2px dashed #ddd!important;transition:all .3s ease}.el-upload-dragger:hover{border-color:var(--primary-color)!important;background-color:#fff9fa!important}.el-upload__text{color:var(--dark-color)!important}.el-upload__text em{color:var(--primary-color)!important;font-style:normal;font-weight:700}.el-icon--upload{color:var(--primary-color)!important}.container{min-height:100vh;display:flex;flex-direction:column}.content-box{flex:1;display:flex;padding:20px;gap:25px;box-sizing:border-box;max-width:1600px;margin:0 auto;width:100%}.leafer-box{flex:2;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;height:calc(100vh - 120px);min-height:700px;position:relative;transition:all .3s ease;display:flex;flex-direction:column;border:1px solid #f0f0f0}.canvas-header{padding:12px 15px;background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.canvas-title{font-weight:600;color:var(--dark-color);font-size:16px;display:flex;align-items:center;gap:8px}.canvas-title i{color:var(--primary-color)}.canvas-controls{display:flex;gap:15px;align-items:center}.canvas-scale{font-size:14px;color:#666;background-color:#f0f0f0;padding:4px 10px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;border:1px solid #eee}.canvas-scale i{color:var(--primary-color);font-size:12px}.zoom-controls{display:flex;align-items:center;gap:8px;background-color:#f0f0f0;padding:4px;border-radius:4px;border:1px solid #eee}.zoom-controls .el-button{margin:0;background-color:#fff;border-color:#eee;color:#666;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.zoom-controls .el-button:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.canvas-content{flex:1;overflow:auto;position:relative;padding:0;background-color:#fafafa;background-image:linear-gradient(45deg,#f5f5f5 25%,transparent 25%),linear-gradient(-45deg,#f5f5f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f5f5f5 75%),linear-gradient(-45deg,transparent 75%,#f5f5f5 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;scrollbar-width:thin;scrollbar-color:#ddd #f5f5f5}.canvas-content #leafer-box{width:100%;height:100%;padding:20px;box-sizing:border-box}.canvas-content::-webkit-scrollbar{width:8px;height:8px}.canvas-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.canvas-content::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:4px;border:2px solid #f5f5f5}.canvas-content::-webkit-scrollbar-thumb:hover{background-color:#ccc}.right-box{width:320px;flex-shrink:0;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:20px;height:100%;border:1px solid #f0f0f0}.mode-box{margin-bottom:20px}.form-style{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:20px}.el-form-item{margin:10px;width:100%}.el-button{border-radius:var(--border-radius)!important;transition:all .3s ease!important}.el-button--primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.el-button--primary:hover{background-color:var(--secondary-color)!important;border-color:var(--secondary-color)!important;transform:translateY(-2px)}.nav-links .el-button i{margin-right:5px}.el-button--danger{background-color:#ff6b6b!important;border-color:#ff6b6b!important}.el-button--danger:hover{opacity:.9;transform:translateY(-2px)}.el-dialog{border-radius:var(--border-radius)!important;overflow:hidden}.el-dialog__title{color:var(--primary-color)!important}.img-preview{width:100%;height:auto;min-height:300px;border:1px solid #e4e7ed;position:relative;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow);overflow:hidden;border-radius:var(--border-radius)}.img-preview-h{flex-direction:row}.img-box{margin:5px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease}.img-box:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.img-box img{width:100%;max-height:calc(100vh - 200px);object-fit:contain}.grid-container{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);width:100%;max-width:100%;max-height:calc(100vh - 200px);grid-gap:10px;align-content:center;justify-content:center;align-items:center;justify-items:center;padding:15px}@media (max-width: 1200px){.content-box{flex-direction:column}.leafer-box,.right-box{width:100%}.leafer-box{min-height:400px;height:auto}}@media (max-width: 768px){.header{flex-direction:column;padding:10px;gap:10px;position:sticky;top:0}.logo{margin-bottom:5px}.nav-links{width:100%;display:flex;justify-content:center;gap:5px}.nav-links .el-button{padding:8px 12px;font-size:.9rem}.content-box{padding:10px;gap:15px;margin-top:0}.left-sidebar,.right-box{padding:15px}.container{display:flex;flex-direction:column;min-height:100vh}main.content-box{margin-top:10px;order:1;flex:1}.right-box{order:0}.leafer-box{order:1;margin:10px 0;height:auto;min-height:300px}.left-sidebar{order:2}.footer{order:3;margin-top:auto;padding:15px 10px}.footer-links{flex-wrap:wrap;justify-content:center}.operation-buttons{flex-wrap:wrap;gap:8px;justify-content:center}.operation-buttons .el-button{flex:1 0 calc(50% - 8px);min-width:120px;margin:5px 0}.preview-dialog{width:95%!important;margin:0 auto}.img-box{width:calc(50% - 10px)!important}.welcome-container{padding:10px}.welcome-content{width:100%;padding:20px}.el-form-item{margin-bottom:10px}.mode-options{flex-wrap:wrap}.mode-option{flex:1 0 calc(33.33% - 10px);min-width:80px}.control-section{padding:10px}.split-methods{grid-template-columns:repeat(2,1fr);gap:8px}.split-method{padding:8px 5px}.ratio-presets{flex-wrap:wrap;justify-content:center}.ratio-preset{flex:0 0 calc(25% - 8px);min-width:60px;padding:8px 5px;margin:4px}.el-button:active,.mode-option:active,.split-method:active,.ratio-preset:active{transform:scale(.95);transition:transform .1s ease}.drag-tip{padding:8px 12px;font-size:14px}}@media (max-width: 480px){.nav-links .el-button{padding:6px 8px;font-size:.8rem}.logo span{font-size:1rem}.logo svg{width:20px;height:20px}.section-title{font-size:1rem}.operation-buttons .el-button{flex:1 0 100%}.img-box{width:100%!important}.el-button,.mode-option,.split-method,.ratio-preset{min-height:44px}.content-box{-webkit-overflow-scrolling:touch}}.github-corner{z-index:999}.custom-success-message{min-width:300px!important;padding:15px!important;border-radius:12px!important;box-shadow:0 6px 16px #0000001f!important;border-left:5px solid var(--success-color)!important;background-color:#fff!important}.custom-message{display:flex;align-items:center;gap:15px}.message-icon{width:32px;height:32px;background-color:var(--success-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.message-content{text-align:left}.message-title{font-weight:700;font-size:16px;color:#333;margin-bottom:4px}.message-desc{font-size:14px;color:#666}.guide-content{text-align:left;padding:10px}.guide-content h3{color:var(--primary-color);margin-bottom:15px;display:flex;align-items:center;gap:8px}.guide-content ol{padding-left:20px}.guide-content li{margin-bottom:10px;line-height:1.6}.guide-content i{color:var(--primary-color);margin-right:5px;width:20px;text-align:center}.guide-content p{margin-top:15px;padding:10px;background-color:var(--light-color);border-radius:8px;border-left:4px solid var(--primary-color)}.footer{background-color:#fff;padding:20px;text-align:center;margin-top:auto;box-shadow:0 -2px 10px #0000000d;width:100%}.footer-links{display:flex;justify-content:center;gap:20px;margin-top:10px}.footer-links a{color:#666;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.container[data-v-834d3719]{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;text-align:center;box-sizing:border-box}.header[data-v-834d3719]{background-color:#fff;box-shadow:var(--shadow);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;width:100%;z-index:99;box-sizing:border-box;transition:all .3s ease}.logo[data-v-834d3719]{display:flex;align-items:center;gap:10px;color:var(--primary-color);font-weight:700;font-size:1.3rem;transition:transform .3s ease}.logo[data-v-834d3719]:hover{transform:scale(1.02)}.nav-links[data-v-834d3719]{display:flex;gap:10px;flex-wrap:wrap}.welcome-container[data-v-834d3719]{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#fff1f2,#fef6f7)}.welcome-content[data-v-834d3719]{text-align:center;max-width:600px;width:100%;padding:30px;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);transition:transform .3s ease}.welcome-content[data-v-834d3719]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.welcome-content h1[data-v-834d3719]{color:var(--primary-color);margin-bottom:15px}.welcome-desc[data-v-834d3719]{color:#666;margin-bottom:30px;font-size:1.1rem}.welcome-upload[data-v-834d3719]{width:100%}.content-box[data-v-834d3719]{flex:1;display:flex;padding:20px;gap:20px;box-sizing:border-box;max-width:1400px;margin:0 auto;width:100%}.left-sidebar[data-v-834d3719]{width:320px;flex-shrink:0;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:15px;height:100%;transition:all .3s ease}.left-sidebar[data-v-834d3719]:hover{box-shadow:0 8px 20px #0000001a}.section-title[data-v-834d3719]{font-size:1.1rem;color:var(--primary-color);margin-bottom:15px;display:flex;align-items:center;gap:8px;transition:color .3s ease}.section-title i[data-v-834d3719]{font-size:1rem}.upload-area[data-v-834d3719]{width:100%;margin-bottom:15px;transition:all .3s ease}.feature-intro[data-v-834d3719]{margin-top:20px}.feature-list[data-v-834d3719]{list-style-type:none;margin-top:10px}.feature-list li[data-v-834d3719]{display:flex;align-items:flex-start;margin-bottom:10px;padding:8px;border-radius:8px;transition:background-color .3s ease}.feature-list li[data-v-834d3719]:hover{background-color:var(--light-color)}.feature-icon[data-v-834d3719]{color:var(--primary-color);margin-right:10px}.leafer-box[data-v-834d3719]{flex:1;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;height:100%;transition:all .3s ease}.leafer-box[data-v-834d3719]:hover{box-shadow:0 8px 20px #0000001a}.right-box[data-v-834d3719]{width:320px;flex-shrink:0;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:20px;height:100%;transition:all .3s ease}.right-box[data-v-834d3719]:hover{box-shadow:0 8px 20px #0000001a}.control-section[data-v-834d3719]{border-bottom:1px solid #eee;padding-bottom:15px}.control-section[data-v-834d3719]:last-child{border-bottom:none}.mode-box[data-v-834d3719]{margin-bottom:20px}.mode-options[data-v-834d3719]{display:flex;width:100%;gap:10px}.mode-option[data-v-834d3719]{flex:1;padding:12px 8px;background-color:var(--light-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.mode-option i[data-v-834d3719]{font-size:1.2rem;color:#666}.mode-option span[data-v-834d3719]{font-size:.9rem}.mode-option[data-v-834d3719]:hover{background-color:#ffecee;transform:translateY(-2px)}.mode-option.active[data-v-834d3719]{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 8px #ff47574d}.mode-option.active i[data-v-834d3719]{color:#fff}.reset-button[data-v-834d3719]{background-color:#f39c12!important;border-color:#f39c12!important}.reset-button[data-v-834d3719]:hover{background-color:#e67e22!important;border-color:#e67e22!important}.ratio-section[data-v-834d3719]{margin:15px 0}.ratio-section h3[data-v-834d3719]{margin-bottom:10px;font-size:.95rem;color:#666;display:flex;align-items:center;gap:5px}.ratio-section h3 i[data-v-834d3719]{color:var(--primary-color)}.ratio-presets[data-v-834d3719]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ratio-preset[data-v-834d3719]{padding:6px 12px;background-color:var(--light-color);border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:5px}.ratio-preset i[data-v-834d3719]{font-size:.8rem}.ratio-preset[data-v-834d3719]:hover,.ratio-preset.active[data-v-834d3719]{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.add-separator-btn[data-v-834d3719]{width:100%;margin-top:15px;transition:all .3s ease}.add-separator-btn[data-v-834d3719]:hover{transform:translateY(-2px)}.operation-buttons[data-v-834d3719]{display:flex;flex-direction:column;gap:10px;margin-top:20px}.action-button[data-v-834d3719]{transition:all .3s ease;position:relative;overflow:hidden}.action-button[data-v-834d3719]:hover{transform:translateY(-2px)}.action-button i[data-v-834d3719]{margin-right:5px}.preview-button[data-v-834d3719]{background-color:#3498db!important;border-color:#3498db!important}.preview-button[data-v-834d3719]:hover{background-color:#2980b9!important;border-color:#2980b9!important}.download-button[data-v-834d3719]{background-color:#27ae60!important;border-color:#27ae60!important}.download-button[data-v-834d3719]:hover{background-color:#219653!important;border-color:#219653!important}.img-preview[data-v-834d3719]{width:100%;height:auto;min-height:300px;border:1px solid #e4e7ed;position:relative;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow);overflow:hidden;border-radius:var(--border-radius);padding:15px;gap:15px}.img-preview-h[data-v-834d3719]{flex-direction:row}.img-box[data-v-834d3719]{transition:all .3s ease;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow)}.img-box[data-v-834d3719]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.segment-footer[data-v-834d3719]{padding:10px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee}.segment-number[data-v-834d3719]{font-weight:700;color:var(--primary-color)}.dialog-footer[data-v-834d3719]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.footer[data-v-834d3719]{background-color:#fff;padding:20px;text-align:center;margin-top:auto;box-shadow:0 -2px 10px #0000000d}.footer-links[data-v-834d3719]{display:flex;justify-content:center;gap:20px;margin-top:10px}.footer-links a[data-v-834d3719]{color:#666;text-decoration:none;transition:color .3s ease}.footer-links a[data-v-834d3719]:hover{color:var(--primary-color)}@media (max-width: 1200px){.content-box[data-v-834d3719]{flex-direction:column}.left-sidebar[data-v-834d3719],.right-box[data-v-834d3719],.leafer-box[data-v-834d3719]{width:100%}.leafer-box[data-v-834d3719]{min-height:400px}}.drag-tip[data-v-834d3719]{position:absolute;background-color:#ff4757e6;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;pointer-events:none;z-index:1000;transition:opacity .3s ease}@keyframes pulse-834d3719{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse-animation[data-v-834d3719]{animation:pulse-834d3719 1.5s infinite}.preview-dialog[data-v-834d3719] .el-dialog__body{padding:0;max-height:70vh}.preview-header[data-v-834d3719]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background-color:#f9f9f9}.preview-info[data-v-834d3719]{font-size:16px;color:#666;display:flex;align-items:center;gap:8px}.preview-info i[data-v-834d3719]{color:var(--primary-color)}.highlight[data-v-834d3719]{color:var(--primary-color);font-weight:700;font-size:18px}.preview-container[data-v-834d3719]{padding:20px;max-height:calc(70vh - 60px);overflow-y:auto;overflow-x:hidden}.img-preview[data-v-834d3719]{width:100%;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.img-preview-h[data-v-834d3719]{flex-direction:row;flex-wrap:wrap}.img-box[data-v-834d3719]{width:calc(33.33% - 20px);margin-bottom:20px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease;background-color:#fff}.img-box[data-v-834d3719]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.img-wrapper[data-v-834d3719]{position:relative;overflow:hidden;width:100%;padding-top:100%}.img-wrapper img[data-v-834d3719]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.img-overlay[data-v-834d3719]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.img-box:hover .img-overlay[data-v-834d3719]{opacity:1}.segment-footer[data-v-834d3719]{padding:10px 15px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee}.segment-number[data-v-834d3719]{font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:5px}.segment-number i[data-v-834d3719]{font-size:.9rem}.grid-container[data-v-834d3719]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;width:100%;padding:10px}@media (max-width: 768px){.img-box[data-v-834d3719]{width:calc(50% - 15px)}.grid-container[data-v-834d3719]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 480px){.img-box[data-v-834d3719]{width:100%}.grid-container[data-v-834d3719]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.preview-header[data-v-834d3719]{flex-direction:column;gap:10px;align-items:flex-start}}.split-method-box[data-v-834d3719]{margin:15px 0}.split-method-box h3[data-v-834d3719]{margin-bottom:10px;font-size:.95rem;color:#666;display:flex;align-items:center;gap:5px}.split-method-box h3 i[data-v-834d3719]{color:var(--primary-color)}.split-methods[data-v-834d3719]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.split-method[data-v-834d3719]{padding:10px 8px;background-color:var(--light-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:5px}.split-method i[data-v-834d3719]{font-size:1rem;color:#666}.split-method span[data-v-834d3719]{font-size:.85rem}.split-method[data-v-834d3719]:hover{background-color:#ffecee;transform:translateY(-2px)}.split-method.active[data-v-834d3719]{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 8px #ff47574d}.split-method.active i[data-v-834d3719]{color:#fff}.custom-ratio[data-v-834d3719]{margin-top:15px;padding:10px;background-color:#f9f9f9;border-radius:var(--border-radius)}.custom-ratio-inputs[data-v-834d3719]{display:flex;align-items:center;justify-content:center;gap:10px}.ratio-separator[data-v-834d3719]{font-weight:700;font-size:1.2rem}.custom-ratio-toggle[data-v-834d3719]{margin-top:10px;font-size:.85rem;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .3s ease}.custom-ratio-toggle[data-v-834d3719]:hover{opacity:.8}.target-size[data-v-834d3719]{display:flex;align-items:center;gap:8px}.target-size i[data-v-834d3719]{color:#999;cursor:help}.estimated-count[data-v-834d3719]{font-weight:700;color:var(--primary-color);font-size:1.1rem}.smart-split-note[data-v-834d3719]{font-size:.85rem;color:#666;padding:8px;background-color:#f9f9f9;border-radius:var(--border-radius);margin-top:10px;display:flex;align-items:center;gap:8px}.smart-split-note i[data-v-834d3719]{color:#f39c12}.canvas-header[data-v-834d3719]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#f9f9f9;border-bottom:1px solid #eee}.canvas-title[data-v-834d3719]{font-size:1.2rem;color:#666}.canvas-controls[data-v-834d3719]{display:flex;align-items:center;gap:10px}.canvas-scale[data-v-834d3719]{font-size:.9rem;color:#999}.zoom-controls[data-v-834d3719]{display:flex;align-items:center;gap:10px}.zoom-controls .el-button[data-v-834d3719]{background-color:#f9f9f9;border-color:#eee;color:#666}.zoom-controls .el-button[data-v-834d3719]:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}