/* 全局工作台 + 购物车快捷入口（与首页 home.css 内原样式一致） */

#__drawer__ {
    position: fixed;
    left    : 0;
    top     : 0;
    right   : 0;
    bottom  : 0;
    width   : 100%;
    height  : 100vh;
    z-index : 2000;
}

.drawer-backdrop {
    position  : absolute;
    inset     : 0;
    background: rgba(0, 0, 0, 0.35);
}

.drawer-container {
    position   : absolute;
    width      : 400px;
    height     : 100%;
    right      : 0;
    top        : 0;
    transform  : translateX(0);
    display    : flex;
    align-items: center;
    transition : all 0.2s ease-in;
    z-index    : 1;
}

.drawer-container.drawer--close {
    transform: translateX(400px);
}

.drawer-list {
    width                    : 68px;
    background               : #31353b;
    border-top-left-radius   : 8px;
    border-bottom-left-radius: 8px;
    overflow                 : hidden;
    position                 : fixed;
    right                    : 0px;
    top                      : 50%;
    margin-top               : -62px;
    z-index                  : 2001;
}

.drawer-list .drawer-item {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    font-size      : 12px;
    height         : 62px;
    cursor         : pointer;
    transition     : all 0.1s;
    color          : #fff;
}

.drawer-list .drawer-item:hover {
    background: #ef251b;
}

.drawer-list .drawer-item img {
    width        : 16px;
    margin-bottom: 5px;
}

.drawer-container .drawer-content {
    width     : 400px;
    height    : 100%;
    overflow-y: auto;
    background: #fff;
    box-shadow: -5px 4px 6px rgba(0, 0, 0, .11);
}

.drawer-container .workbench-title {
    padding        : 0 17px;
    background     : #f1f2f4;
    width          : 100%;
    height         : 52px;
    font-size      : 15px;
    color          : #333;
    font-weight    : 600;
    letter-spacing : .32px;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.workbench-close-btn {
    width          : 24px;
    height         : 24px;
    border         : none;
    background     : transparent;
    cursor         : pointer;
    color          : #999;
    border-radius  : 50%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    padding        : 0;
    font-size      : 18px;
    line-height    : 1;
}

.workbench-close-btn:hover {
    background: rgba(0, 0, 0, 0.04);
    color     : #333;
}

.workbench-body {
    padding: 0 17px;
}

.workbench-body .workbench-block {
    padding      : 15px 0;
    border-bottom: 1px solid #f4f4f6;
}

.workbench-body .workbench-block .block-title {
    font-size    : 14px;
    margin-bottom: 7px;
    font-weight  : 500;
}

.workbench-body .workbench-block .block-list {
    margin-left: -10px;
    display    : flex;
}

.workbench-block .workbench-item {
    font-size     : 12px;
    color         : #333;
    display       : flex;
    flex-direction: column;
    align-items   : center;
    cursor        : pointer;
    transition    : all 0.1s;
    padding       : 8px 12px;
    text-decoration: none;
}

.workbench-item:hover {
    background: #f7f8f9;
}

.workbench-block .workbench-item img {
    width        : 40px;
    margin-bottom: 5px;
}

/* 工作台「快速报价」二维码（与原首页航材助手一致） */
.butler-qrcode {
    text-align: center;
    font-size : 14px;
    color     : #DC242A;
}

.butler-qrcode .qrcode {
    width     : 116px;
    height    : 116px;
    background: #fff;
    padding   : 8px;
    margin    : 11px auto;
    position  : relative;
}

.butler-qrcode .qrcode .center-flag {
    display      : block;
    position     : absolute;
    left         : 50%;
    top          : 50%;
    transform    : translate(-50%, -50%);
    width        : 20px;
    height       : 20px;
    background   : #fff url("/static/oscar/img/hc-logo.955cb102fdb7.png") no-repeat center / 70% 70%;
    border-radius: 5px;
}

.butler-qrcode .qrcode img {
    width : 100%;
    height: 100%;
}