.outerBox {
    width: 90%;
    height: 300px; /* 外层方框的高度 */
    margin: auto;
    position: relative;
    background-color: rgba(255, 255, 255, 0.4); /* 外层方框的背景颜色 */
    border-radius: 10px; /* 圆角效果 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    overflow: hidden; /* 确保子元素不会溢出 */
}

.innerBox {
    width: 90%;
    height: 100px; /* 内层方框的高度与外层方框相同 */
    margin: auto;
    position: ; /* absolute*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.2); /* 内层方框的背景颜色，略透明 */
    border-radius: 10px; /* 圆角效果 */
    border: 2px dashed rgba(128, 128, 128, 1);
    backdrop-filter: blur(10px); /* 磨砂玻璃效果 */
}