/* 页面基础样式，仅影响特定容器 */
.project-video-report-wrapper {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;  /* 自适应高度 */
    margin: 0;
    background-color: #f8f8f8;
    padding: 1px;  /* 设置容器的内边距为1px */
}

/* 视频报告按钮容器 */
.project-video-report-container {
    width: 100%;
    max-width: 400px;
    position: relative;
}

/* 视频报告按钮样式（填满整行） */
.project-video-report-button-main {
    width: 100%;
    padding: 1px;  /* 设置按钮内边距为1px */
    font-size: 16px;
    border: none;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    transition: background-color 0.3s;
}

/* 提交成功状态 */
.project-video-report-button-main.disabled {
    background-color: #b0b0b0;
    cursor: not-allowed;
}

/* 弹出菜单样式 */
.project-video-report-menu {
    position: absolute;
    top: 100%;  /* 使菜单紧贴按钮底部 */
    left: 0;
    width: 100%;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    display: none;
    flex-direction: column;
    z-index: 1000;
}

/* 每个选项的样式 */
.project-video-report-option {
    padding: 12px;
    width: 100%;
    background: none;
    border: none;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s;
}

/* 选项按钮的颜色 */
.project-video-report-option.project-video-report-option-1 {
    background-color: #d1e7ff; /* 浅蓝色 */
}

.project-video-report-option.project-video-report-option-2 {
    background-color: #e6f2d6; /* 浅绿色 */
}

.project-video-report-option.project-video-report-option-3 {
    background-color: #f0f8ff; /* 淡蓝色 */
}

.project-video-report-option.project-video-report-option-4 {
    background-color: #f9f9f9; /* 浅灰色 */
}

/* 选项悬浮效果 */
.project-video-report-option:hover {
    opacity: 0.8;
}

/* 蒙层（点击外部关闭菜单） */
.project-video-report-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 999;
}
