:root{color:#28384a;font-synthesis:none;background:#f5f7fa;font-family:Inter,Microsoft YaHei,sans-serif;font-size:12px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #538bf0}button{color:inherit;background:0 0;border:0}input,select,textarea{color:#30435b;background:#fff;border:1px solid #dce3eb;border-radius:5px;min-width:0;padding:6px 8px}input[type=checkbox]{accent-color:#2868d8}a{color:#2868d8}#sheet-workbench{background:#fff;flex-direction:column;min-width:640px;height:100dvh;display:flex}.app-header{border-bottom:1px solid #e3e8ef;flex:none;align-items:center;gap:10px;height:48px;padding:0 12px;display:flex}.brand{white-space:nowrap;align-items:center;gap:9px;display:flex}.home-button{color:#486681;background:#fff;border:1px solid #dbe2ea;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.home-button:hover{color:#2868d8;background:#f5f8fb}.brand-icon{color:#fff;background:#2c688a;border-radius:7px;padding:7px;display:flex}.brand strong{letter-spacing:.5px;font-size:16px}.brand strong>span{color:#748196;margin-left:8px;font-size:13px;font-weight:500}.header-divider{background:#e1e6ed;width:1px;height:20px;margin:0 3px}.file-name{color:#6d7a8b;text-overflow:ellipsis;white-space:nowrap;flex-shrink:2;min-width:0;max-width:150px;overflow:hidden}.header-spacer{flex:1}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:7px 12px;font-weight:500;display:inline-flex}.secondary{background:#fff;border-color:#dbe2ea}.secondary:hover{background:#f5f8fb}.action-recent{color:#4e6a82;background:#f5f8fb;border-color:#dbe2ea}.action-recent:hover{background:#eaf1f7}.action-new{color:#237950;background:#eefaf3;border-color:#b8dfcc}.action-new:hover{background:#e2f5ea}.action-paste{color:#1d6492;background:#eff7ff;border-color:#b9d8ee}.action-paste:hover{background:#e3f1fc}.action-import{color:#6945a7;background:#f6f1ff;border-color:#d4c7f0}.action-import:hover{background:#eee7fb}.primary{color:#fff;background:#2868d8}.primary:hover{background:#215bc0}.connection{color:#8994a1;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.connection i{background:#a9b2bf;border-radius:50%;width:6px;height:6px}.connection.online{color:#467d6a}.connection.online i{background:#389576}.sheet-tabs{flex:1;gap:3px;min-width:65px;max-width:28%;display:flex;overflow:auto}.sheet-tabs>button{white-space:nowrap;color:#748298;border-bottom:2px solid #0000;padding:14px 10px}.sheet-tabs>button.active{color:#2868d8;background:#fff;border-bottom-color:#2868d8}.sheet-tabs small{color:#9ba5b2;margin-left:5px}.toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.head-row{color:#8792a0;white-space:nowrap;align-items:center;gap:6px;display:flex}.head-row select,.zoom{height:25px;padding:3px 5px}.text-button{color:#708197;white-space:nowrap;align-items:center;gap:5px;padding:4px;display:inline-flex}.text-button:hover{color:#2868d8}.text-button>span{color:#a37a39;font-size:10px}.order-strip{border-bottom:1px solid #e7ecf2;flex:none;align-items:center;gap:14px;padding:8px 16px;display:flex}.order-strip>label{white-space:nowrap;color:#6e7e91;align-items:center;gap:8px;display:flex}.history-field{position:relative}.history-menu{z-index:70;background:#fff;border:1px solid #dbe3ed;border-radius:7px;min-width:280px;max-width:520px;max-height:260px;padding:4px;position:absolute;top:34px;left:0;overflow:auto;box-shadow:0 8px 28px #2038502b}.history-menu>button{text-align:left;border-radius:4px;align-items:center;gap:8px;width:100%;padding:7px 6px;display:flex}.history-menu>button:hover{background:#f1f6fc}.history-menu>button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.history-menu small{color:#94a1af;font-size:10px}.history-menu i{color:#9ba8b5;padding:0 4px;font-style:normal}.history-menu i:hover{color:#be4e4e}.history-menu em{color:#9aa7b5;padding:10px;font-size:11px;font-style:normal;display:block}.order-strip input{height:28px;padding:5px 7px;font-size:12px}.order-strip label:first-child input{width:165px}.address-default{flex:1}.address-default input{width:100%}.amount-switch{font-size:11px}.amount-switch input{height:auto}.strip-hint{white-space:nowrap;color:#95a1b0;font-size:11px}.error{color:#ba4d3f!important}.popover{z-index:50;background:#fff;border:1px solid #dbe3ed;border-radius:8px;padding:14px;position:absolute;box-shadow:0 8px 35px #20385024}.recent-wrap{position:relative}.recent-menu{min-width:240px;top:calc(100% + 4px);left:0;right:auto}.recent-item{align-items:flex-start;gap:2px;display:flex}.recent-menu .recent-open{text-align:left;text-overflow:ellipsis;flex:1;align-items:flex-start;gap:7px;min-width:0;max-width:420px;padding:9px 3px;display:flex;overflow:hidden}.recent-delete{color:#a2adba;flex:none;padding:8px 5px;font-size:16px}.recent-delete:hover{color:#bf5050;background:#fff3f3}.recent-item:hover{background:#f7f9fc}.recent-file{flex-direction:column;gap:3px;min-width:0;display:flex;overflow:hidden}.recent-file b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-file small{color:#8d9aaa;white-space:nowrap;font-size:10px}.recent-menu>button:hover{color:#2868d8}.columns-menu{min-width:240px;max-height:70vh;top:46px;right:180px;overflow:auto}.columns-menu>div{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.columns-menu>label{align-items:center;gap:8px;max-width:350px;padding:6px;display:flex}.columns-menu label>b{color:#8493a5;min-width:24px}.settings-menu{width:360px;top:90px;right:160px}.settings-menu textarea{resize:vertical;width:100%;min-height:70px;margin-top:10px;display:block}.settings-menu p{color:#8a97a8;font-size:11px;line-height:1.8}.sheet-scroll{scrollbar-gutter:stable;background:#e9edf3;flex:1;min-height:0;position:relative;overflow:auto}.sheet-loading{z-index:30;color:#3f6687;pointer-events:none;background:#f8fbfeaa;justify-content:center;align-items:flex-start;gap:10px;padding-top:18vh;font-size:13px;display:flex;position:absolute;inset:0}.loading-spinner{border:2px solid #c5d9e8;border-top-color:#2874aa;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite sheet-spin}@keyframes sheet-spin{to{transform:rotate(360deg)}}.sheet-scale-space{min-width:100%;position:relative}.sheet-scale{transform-origin:0 0;position:absolute;top:0;left:0}.sheet-table{border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff}.sheet-table th,.sheet-table td{border-bottom:1px solid #dce1e7;border-right:1px solid #dce1e7;overflow:hidden}.sheet-table thead{z-index:8;position:sticky;top:0}.sheet-table thead th{background:#f4f7fb;border-bottom-color:#cbd7e6;height:68px;padding:5px 5px 7px;font-weight:400;position:relative}.sheet-table thead th.mapped{background:#eaf2ff}.sheet-table thead th.unmapped select{color:#9aa6b5;background:#fbfcfd}.sheet-table thead th.unmapped .column-tools{color:#a4afbc}.column-tools{color:#8694a6;align-items:center;gap:5px;height:17px;margin-bottom:5px;font-size:11px;display:flex}.column-tools>b{color:#607897;font-weight:600}.column-tools>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hide-column{color:#a6b1bf;padding:0 2px;font-size:16px;line-height:1}.hide-column:hover{color:#bb5b55}.sheet-table thead select{width:100%;min-height:25px;padding:3px 2px;font-size:11px}.sheet-table thead th.corner{color:#8b98a9;z-index:9;font-size:10px;position:sticky;left:0}.col-resize{cursor:col-resize;z-index:11;width:7px;position:absolute;top:0;bottom:0;right:-3px}.sheet-table td{vertical-align:middle;color:#333;background:#fff;padding:3px 6px;position:relative}.sheet-table td>div{align-content:center;display:grid;position:absolute;inset:3px 6px;overflow:hidden}.row-handle{z-index:4;text-align:center;color:#8190a2;width:44px;font-size:10px;font-weight:400;position:sticky;left:0;overflow:hidden;background:#f4f6f9!important}.row-tools{flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0;overflow:hidden}.row-tools input,.corner input{cursor:pointer;flex:none;width:13px;height:13px;margin:0;padding:0}.corner>span{margin-bottom:9px;display:block}.row-record{color:#2868d8;border-radius:4px;flex:none;justify-content:center;align-items:center;width:26px;height:22px;padding:0;display:flex}.row-record:hover{background:#d9e7ff}.row-tools.compact{grid-template-columns:13px 10px 16px;justify-content:center;gap:0;display:grid}.row-tools.compact .row-record{width:16px;height:16px}.row-handle i{color:#318367;font-size:10px;font-style:normal;position:absolute;top:1px;right:1px}.row-selected>td{box-shadow:inset 0 0 0 9999px #3878df0c}.row-saved>td{color:#5c7769;background:#eff9f3!important}.row-saved>.row-handle{color:#287354;border-left:3px solid #4ca477;background:#dff2e8!important}.row-selected>.row-handle{color:#2868d8;border-left:3px solid #2868d8;background:#dfebff!important}.row-active>.row-handle{color:#277763;background:#cfe6e1!important}.row-focused>td{outline-offset:-2px;outline:2px solid #4a8ec0}.sheet-picture{z-index:2;background:0 0;border:0;padding:0;position:absolute;overflow:hidden}.sheet-picture img{object-fit:fill;width:100%;height:100%;display:block}.sheet-picture>span{color:#8999ab;font-size:10px}.sheet-footer{color:#8c98a6;background:#fff;border-top:1px solid #dfe6ef;flex:none;justify-content:space-between;align-items:center;gap:12px;height:30px;padding:0 14px;font-size:11px;display:flex}.pagination{align-items:center;gap:8px;display:flex}.pagination button{border:1px solid #e0e6ee;border-radius:3px;padding:2px 6px}.import-warning{color:#9d7737;white-space:nowrap;text-overflow:ellipsis;background:#fff9eb;padding:5px 12px;font-size:11px;overflow:hidden}.empty-workbench{background:radial-gradient(at 50% 40%,#fff 0%,#f3f7fc 80%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.empty-art{color:#7999ac;background:#e8f0f5;border:1px solid #dbe6ef;border-radius:18px;padding:22px}.empty-workbench h1{letter-spacing:1px;color:#31495c;margin:24px 0 8px;font-size:26px;font-weight:600}.empty-workbench>p{color:#8c99a9;text-align:center;margin:0 0 23px;font-size:13px;line-height:2}.import-main{margin-top:5px;padding:11px 24px}.file-support{color:#a0acba;margin-top:12px;font-size:11px}.steps{color:#7d8da1;align-items:center;gap:20px;margin-top:50px;font-size:12px;display:flex}.steps b{color:#93a9bd;background:#fff;border:1px solid #d8e1eb;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-right:7px;font-size:10px;display:inline-flex}.steps i{background:#dae3ed;width:35px;height:1px}.empty-workbench .install-note{color:#9ca7b5;margin-top:30px;font-size:11px}.image-lightbox{z-index:2147483200;background:#172332cc;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.image-lightbox>img{object-fit:contain;max-width:90vw;max-height:90vh}.image-lightbox>button{color:#fff;font-size:32px;position:absolute;top:15px;right:25px}@media (max-width:1050px){.minor,.strip-hint,.connection{display:none}.app-header{gap:8px}.brand strong>span{display:none}.order-strip{gap:8px}.order-strip label:first-child input{width:110px}.toolbar-right{gap:7px}.sheet-footer>span:last-child{display:none}}#sheet-workbench{container-type:inline-size}@container (width<=1000px){.connection,.header-divider,.brand strong>span,.minor,.strip-hint{display:none}.app-header{gap:7px;padding:0 10px}.file-name{flex:1}.order-strip{gap:8px;padding:7px 10px}.order-strip label:first-child input{width:100px}.toolbar-right{gap:6px}.sheet-footer>span:last-child{display:none}}.toast{z-index:100;color:#426758;background:#fff;border:1px solid #cfdde9;border-radius:8px;align-items:center;gap:16px;max-width:min(560px,100vw - 32px);padding:12px 12px 12px 16px;line-height:1.7;display:flex;position:fixed;bottom:42px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #20385026}.toast.error{background:#fff9f7;border-color:#efc9c2}.toast>button{color:#8391a0;flex:none;padding:3px;display:flex}.toast>span{overflow-wrap:anywhere}@container (width<=1200px){.app-header .file-name,.app-header .connection,.header-divider{display:none}.brand strong{font-size:13px}.brand strong>span{margin-left:4px;font-size:12px}.app-header{gap:7px}.sheet-tabs>button{padding:14px 7px}}@container (width<=800px){.brand strong{display:none}.brand-icon{padding:5px}.head-row{gap:0;font-size:0}.head-row select{font-size:11px}.toolbar-right{gap:4px}.app-header{gap:5px;padding:0 7px}.app-header .button{padding:6px 7px}.sheet-tabs{max-width:24%}.toolbar-right .text-button>span{display:none}}