body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
        }

iframe {
            width: 100%;
            height: 100%;
            border: none;
            /* 移动iframe来覆盖padding部分 */
            position: relative;
            top: 0px;
            /* 设置iframe的宽度和高度 */
            width: 100%;
            /* 减去padding-top的高度 */
            height: calc(100vh - 18px);
            /* 使用CSS设定背景色 */
            border: none;
        }

.frame-container {
            /* 通过padding-top来隐藏上方10px，同时防止内容溢出 */
        padding-top: 0px;
        overflow: hidden;

        }

.footer-container {
    font-size: 0.58vw; /* 使用视窗宽度的百分比来设置字体大小 */
    color: black;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    text-align: center; /* 确保文本居中 */
    white-space: nowrap; /* 禁止内容自动换行 */
    overflow: hidden; /* 隐藏溢出的内容 */
} 
.footer-container a.footer {
    text-decoration: none; /* 超链接不带下划线 */
    color: inherit; /* 保持与父容器一致的颜色 */
}

.footer-container a.footer:hover {
    color: inherit; /* 鼠标放到超链接上时保持不变色 */
}

.footer-container span {
    color: inherit; /* 保持与父容器一致的颜色 */
}  
.footer-container button {
    padding: 5px 5px;
    font-size: 0.85vw; /* 按钮的字体也根据视窗宽度调整 */
    width: 188px;
    height: 25px;
    border: none;
    background-color: white;
    outline: none;
}
.footer-container button:hover {  
    opacity: 0.8;
    cursor: pointer;
}

/* 媒体查询，当屏幕尺寸很小时，限制最小字体大小 */
@media (max-width: 300px) {
    .footer-container, .footer-container button {
        font-size: 10px; /* 在小屏幔下保证字体不会变得太小 */
    }
}