/* 全局样式 */
html,
body {
    margin: 0;                                                   /* 移除默认边距 */
    height: 100%;                                                /* 高度设为100% */
}

.container-group {
    height: 100%;                                                /* 容器组高度设为100% */
    display: flex;                                               /* 使用Flexbox布局 */
    flex-direction: column;                                      /* 子元素垂直排列 */
}

/* 全景图容器样式 */
.embed-container-1-5 {
    width: 100%;                                                 /* 宽度设为100% */
    height: 100%;                                                /* 高度设为100% */
    overflow: hidden;                                            /* 隐藏溢出内容 */
    position: relative;                                          /* 相对定位 */
}

/* 全景图 iframe 样式 */
.embedded-website-1-5 {
    width: 100%;                                                 /* 宽度设为100% */
    height: calc(100% + 320px);                                  /* 高度计算公式 */
    border: none;                                                /* 移除边框 */
    margin-top: -200px;                                          /* 上外边距负值 */
    margin-bottom: -120px;                                       /* 下外边距负值 */
}

/* 基础水印样式 */
.watermark {
    position: absolute;                                          /* 绝对定位 */
    z-index: 1000;                                               /* 层级最高 */
    pointer-events: none;                                        /* 忽略鼠标事件 */
    font-size: 25px;                                             /* 字体大小25像素 */
    line-height: 1.5;                                            /* 行高1.5倍 */
    color: rgb(254, 249, 249);                             /* 白色半透明颜色 */
    white-space: nowrap;                                         /* 文字不换行 */
    background-color: rgba(0, 0, 0, 0.3);                        /* 半透明黑色背景 */
    padding: 5px 10px;                                           /* 内边距 */
    border-radius: 5px;                                          /* 圆角半径5像素 */
}

/* 中心水印样式 */
.watermark-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
}

@media only screen and (max-width: 600px) {
    .watermark-center {
        font-size: 15px;
    }
}

/* 左下角水印样式 */
.watermark-left-bottom {
    bottom: 130px;                                                /* 距离底部10像素 */
    left: 10px;                                                  /* 距离左边10像素 */
    font-size: 15px;   
}

/* 右上角水印样式 */
.watermark-left-top {
    top: 10px;                                                   /* 距离顶部10像素 */
    left: 10px;                                                 /* 距离右边10像素 */
}

/* 水印图片样式 */
.watermark img {
    width: 50px;                                                 /* 图片宽度50像素 */
    height: auto;                                                /* 高度自适应 */
    vertical-align: middle;                                      /* 垂直居中对齐 */
    margin-right: 5px;                                           /* 右外边距5像素 */
    border-radius: 9px;                                          /* 圆角半径9像素 */
}











/* 全屏按钮样式 */
.fullscreen-button {
    position: absolute;                                          /* 绝对定位 */
    bottom: 10px;                                                /* 距离底部10像素 */
    right: 10px;                                                 /* 距离右边10像素 */
    z-index: 1001;                                               /* 层级更高 */
    padding: 10px 20px;                                          /* 内边距 */
    font-size: 16px;                                             /* 字体大小 */
    cursor: pointer;                                             /* 鼠标指针 */
    background-color: rgba(0, 0, 0, 0.5);                        /* 半透明黑色背景 */
    color: #fff;                                                 /* 白色文字 */
    border: none;                                                /* 无边框 */
    border-radius: 5px;                                          /* 圆角半径 */
}

.fullscreen-button:hover {
    background-color: rgba(0, 0, 0, 0.7);                        /* 鼠标悬停时加深背景色 */
}