html, body {
    height: 100%;
    margin: 0; /* 也建议重置 margin，避免额外空间影响高度计算 */
    padding: 0; /* 同样建议重置 padding */
}

.wp-site-blocks {
    height: calc(100% - 84.36px);
}

.main-box {
    display: flex;
    height: 100%
}

.main-box .panel-left {
    flex: 16;
    height: 100%;
    position: relative;
}

.main-box .panel-left img {
    position: absolute;
}

.main-box .panel-right {
    flex: 8;
    padding-top: 1px;
    padding-left: 1px;
}

.main-box .panel-right .right-box {
    width: 100%;
    height: 100%;
    background-color: white;
}

.main-box .panel-right .right-box .right-inner {
    padding: 20px;
}

.main-box .panel-right .right-box .right-inner a{
    text-decoration: none;
}

.main-box .panel-right .right-box .right-inner .scene-product-btn {
    width: 100%;
    height: 38px;
    margin-bottom: 8px;
    line-height: 38px;
    border: 1px solid #eeeeee;
    display: flex;
    cursor: pointer;
}

.main-box .panel-right .right-box .right-inner .scene-product-btn .btn-tag {
    text-align: center;
    color: #333333;
    width: 38px;
}

.main-box .panel-right .right-box .right-inner .scene-product-btn.selected .btn-tag {
    background-color: #0a7aff;
    text-align: center;
    color: white;
    width: 38px;
}

.main-box .panel-right .right-box .right-inner .scene-product-btn .btn-name {
    padding-left: 8px;
    color: #333333;
}

#scene-noti-box {
    background-color: #0a7aff;
    color: white;
    /*width: calc(100% - 40px);*/
    width: 100%;
    position: absolute;
    line-height: 40px;
    padding: 0 20px;
}

#scene-noti-box a {
    float: right;
    color:white;
    font-family: var(--wp--preset--font-family--body);
    font-size: 14px;
}