.trade-overlay[hidden]{display:none!important}
.trade-overlay{position:absolute;inset:0;z-index:190;display:grid;place-items:center;box-sizing:border-box;padding:8px 8px calc(var(--bottom-bar-height,53px) + 8px);background:transparent;pointer-events:auto;color:rgba(158,249,228,.7843137255);font:12px/16px SimSun,'宋体',serif;--trade-focus:#fff3a2}
.trade-workspace{position:relative;max-width:100%;max-height:100%;overflow:auto;outline:none;scrollbar-width:thin;scrollbar-color:#72864e #07170b}
.trade-panes{position:relative;display:flex;align-items:flex-start;gap:8px;width:560px;min-height:494px;padding:0 0 2px}
.trade-panes.is-stacked{width:295px;flex-direction:column;align-items:center}
.trade-native-board{position:relative;width:257px;height:457px;flex:none;text-shadow:1px 1px #000c}
.trade-native-background{position:absolute;inset:0;width:257px;height:457px;pointer-events:none;user-select:none}
.trade-native-title,.trade-inventory-title{position:absolute;left:35px;right:35px;top:7px;height:23px;margin:0;padding:0;border:0;text-align:center;font:12px/23px SimSun,'宋体',serif;pointer-events:none;text-shadow:1px 1px #000c}
.trade-button{cursor:pointer;touch-action:manipulation}.trade-button:disabled{cursor:default}
.trade-overlay :is(button,input,[tabindex='0']):focus-visible{outline:1px solid var(--trade-focus);outline-offset:-1px}
.trade-art-button{position:absolute;display:block;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:0;color:transparent}
.trade-art-button:disabled{opacity:.5}
.trade-native-close{left:225px;top:4px;width:18px;height:18px;background:url('assets/trade/web_btn_close.png') center/18px 18px no-repeat}
.trade-native-close:hover:not(:disabled){filter:brightness(1.3)}
.trade-window-handle{position:absolute;left:35px;right:35px;top:4px;height:29px;z-index:1;cursor:move;touch-action:none;outline-offset:-2px}
.trade-native-name{position:absolute;left:68px;width:120px;height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.trade-native-guild{position:absolute;left:31px;width:129px;height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.trade-native-role{position:absolute;left:163px;width:63px;text-align:center}
.trade-cell{position:absolute;width:32px;height:32px;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;text-shadow:1px 1px #000;touch-action:manipulation}
.trade-cell img{display:block;width:32px;height:32px;object-fit:contain;pointer-events:none;image-rendering:pixelated}
.trade-cell:hover{outline:1px solid #b5d3ad;outline-offset:-1px}
.trade-quantity{position:absolute;bottom:0;right:1px;font:10px/11px SimSun,serif;color:#fff;text-shadow:1px 1px #000;pointer-events:none}
.trade-bound{position:absolute;top:0;left:1px;color:#ffcf80;font-size:10px;line-height:11px;pointer-events:none}
.trade-unknown{display:block;overflow:hidden;font-size:9px;overflow-wrap:anywhere;line-height:11px}
.trade-cell.is-offered,.trade-cell.is-carried-source{opacity:.35}.trade-cell[aria-disabled='true']{cursor:default}
.trade-native-money{position:absolute;left:63px;width:124px;height:15px;overflow:hidden;text-align:right;white-space:nowrap;font:12px/15px SimSun,'宋体',serif}
.trade-native-confirm{left:194px;width:32px;height:17px;opacity:1!important}
.trade-native-confirm.is-confirmed{background:url('assets/trade/exchannge_btn_ok.png') center/32px 17px no-repeat}
.trade-native-confirm:hover:not(:disabled){background:url('assets/trade/exchannge_btn_ok.png') center/32px 17px no-repeat;filter:brightness(1.2)}
.trade-native-info{position:absolute;left:20px;top:212px;width:219px;height:61px;overflow:hidden}
.trade-native-info p{margin:0;font:12px/16px SimSun,'宋体',serif;white-space:pre-wrap}.trade-overlay .is-warning{color:#ffd0a3}
.trade-native-inventory{position:relative;width:295px;height:494px;flex:none;text-shadow:1px 1px #000c}
.trade-native-inventory>.trade-native-background{width:295px;height:494px}
.trade-inventory-close{position:absolute;left:267px;top:4px;width:18px;height:18px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.trade-inventory-tab{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.trade-inventory-tab:hover{background:#bdebb70b}
.trade-inventory-money{position:absolute;left:49px;top:462px;width:143px;height:20px;margin:0;padding:0 0 0 20px;border:0;background:transparent;color:inherit;text-align:center;font:12px/20px SimSun,'宋体',serif;cursor:pointer}
.trade-inventory-money:disabled{cursor:default;color:#76958a}.trade-inventory-money:hover:not(:disabled){color:#fff3a2}
.trade-inventory-weight{position:absolute;left:215px;top:466px;width:35px;height:13px;margin:0;text-align:right;font:12px/13px SimSun,'宋体',serif}
.trade-carry-icon{position:fixed;z-index:1000;pointer-events:none;transform:translate(2px,2px)}.trade-carry-icon img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.trade-native-message{position:relative;width:300px;height:197px;flex:none;background:url('assets/trade/msg_box_brown.png') center/300px 197px no-repeat;color:#efe5cc}
.trade-native-message.is-single-action{background-image:url('assets/trade/msg_box_brown_cancel.png')}
.trade-message-title{position:absolute;left:40px;right:40px;top:11px;margin:0;color:#9ef9e4;text-align:center;font:12px/20px SimSun,'宋体',serif}
.trade-message-content{position:absolute;left:29px;right:29px;top:47px;height:104px;overflow:auto;text-align:center;scrollbar-width:thin}.trade-message-content p{margin:0 0 8px;font-size:12px;line-height:18px}
.trade-message-note{color:#bdc5b0;font-size:11px}.trade-message-actions{position:absolute;left:0;right:0;top:167px;height:20px}
.trade-message-actions .trade-art-button{width:50px;height:20px;top:0}.trade-message-ok{left:94px;background:url('assets/trade/npc_collate_btn.png') center/50px 20px no-repeat}.trade-message-cancel{left:157px;background:url('assets/trade/npc_enchant_btn_cancel.png') center/50px 20px no-repeat}
.trade-message-actions .trade-art-button:only-child{left:126px}.trade-message-actions .trade-art-button:hover:not(:disabled){filter:brightness(1.3)}
.trade-target-select{max-width:100%;width:216px;height:24px;border:1px solid #aa9860;border-radius:0;background:#091e10;color:#f3eacb;font:12px SimSun,'宋体',serif}.trade-target-name{margin:4px 0;font-size:11px;color:#dbd0aa}
.trade-editor-cover{position:fixed;inset:0;z-index:202;display:grid;place-items:center;pointer-events:auto;background:transparent}
.trade-editor{position:relative;width:235px;height:258px;zoom:var(--trade-ui-scale,1);font:12px/16px SimSun,'宋体',serif}.trade-amount-background{position:absolute;inset:0;width:235px;height:258px;pointer-events:none}
.trade-input{position:absolute;left:56px;top:98px;width:123px;height:17px;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;text-align:center;font:12px/17px SimSun,'宋体',serif;appearance:textfield}.trade-input::-webkit-inner-spin-button{appearance:none}
.trade-amount-confirm,.trade-amount-cancel{top:221px;width:50px;height:20px;background:transparent}.trade-amount-confirm{left:64px}.trade-amount-cancel{left:130px}
.trade-amount-confirm:hover:not(:disabled),.trade-amount-cancel:hover:not(:disabled){background:#ffffbb19;outline:1px solid #d9e6a4}.trade-amount-close{left:214px;top:0;width:18px;height:18px;background:transparent}
.trade-amount-error{position:absolute;left:18px;top:136px;width:199px;max-height:31px;margin:0;overflow:hidden;text-align:center;color:#ffd88f;font:11px/15px SimSun,serif}.trade-tooltip{z-index:204!important}
@media(max-width:620px){.trade-workspace{max-width:100%}.trade-panes.is-stacked{gap:6px}.trade-editor{zoom:1.1}}
.trade-overlay.is-native-positioned{padding:0;display:block}
.trade-workspace.is-native-positioned{width:100%;height:100%;max-height:none;overflow:visible}
.trade-workspace.is-native-positioned .trade-panes{position:absolute;inset:0;width:100%;height:100%;min-height:0;display:block;padding:0}
.trade-workspace.is-native-positioned .trade-native-board,.trade-workspace.is-native-positioned .trade-native-inventory{position:absolute}
.trade-input{left:65px;top:100px;width:120px;height:16px}
.trade-native-title,.trade-inventory-title{top:5px;left:0;right:0;height:40px;display:flex;align-items:center;justify-content:center;font:12px/14px SimSun,'宋体',serif}
.trade-native-name{height:13px;line-height:14px;display:flex;align-items:center;justify-content:center}
.trade-native-guild,.trade-native-role{height:15px;line-height:14px;display:flex;align-items:center;justify-content:center}
.trade-native-money{height:15px;line-height:14px;display:flex;align-items:center;justify-content:flex-end}
.trade-native-board{z-index:2}.trade-native-inventory{z-index:1}
.trade-window-handle{left:0;right:25px;top:0;height:40px}.trade-native-close,.trade-inventory-close{z-index:3}
.trade-native-info{left:20px;top:208px;width:190px;height:68px}
.trade-message-content{left:5px;right:8px;top:50px;height:114px}
.trade-message-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:1px 1px #000c}.trade-message-content p{white-space:pre-line}
.trade-editor-cover{display:block}.trade-editor{position:absolute}
.trade-message-ok,.trade-message-cancel{background:none}
.trade-message-ok:hover:not(:disabled),.trade-message-ok:focus-visible{background:url('assets/trade/npc_collate_btn.png') center/50px 20px no-repeat}
.trade-message-cancel:hover:not(:disabled),.trade-message-cancel:focus-visible{background:url('assets/trade/npc_enchant_btn_cancel.png') center/50px 20px no-repeat}
.trade-amount-confirm:hover:not(:disabled){background:url('assets/trade/npc_collate_btn.png') center/50px 20px no-repeat;outline:none}
.trade-amount-cancel:hover:not(:disabled){background:url('assets/trade/npc_enchant_btn_cancel.png') center/50px 20px no-repeat;outline:none}
.trade-native-info p:not(.is-warning){color:#fff}