/**
 * 项目面板 - AB播放进度条标记样式（独立，不与其他面板共用）
 * 路径：css/modules/review/tools/ab-playback.css
 * 规范：review- 前缀，单文件≤400行
 */

/* 容器 */
.review-ab-markers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

/* A 点标记 */
.review-ab-marker.review-ab-marker-a,
.review-ab-marker.ab-marker-a {
    position: absolute;
    top: -2px;
    width: 3px;
    height: calc(100% + 4px);
    background: linear-gradient(to bottom, #ff4444 0%, #cc0000 100%);
    border: 1px solid #ffffff;
    border-radius: 2px;
    box-shadow: 0 0 4px rgba(255, 68, 68, 0.6);
    display: none;
    z-index: 11;
}

.review-ab-marker.review-ab-marker-a .review-ab-marker-label,
.review-ab-marker.ab-marker-a .review-ab-marker-label {
    position: absolute;
    top: -20px;
    left: -6px;
    width: 14px;
    height: 14px;
    background: #ff4444;
    color: white;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
}

/* B 点标记 */
.review-ab-marker.review-ab-marker-b,
.review-ab-marker.ab-marker-b {
    position: absolute;
    top: -2px;
    width: 3px;
    height: calc(100% + 4px);
    background: linear-gradient(to bottom, #4444ff 0%, #0000cc 100%);
    border: 1px solid #ffffff;
    border-radius: 2px;
    box-shadow: 0 0 4px rgba(68, 68, 255, 0.6);
    display: none;
    z-index: 11;
}

.review-ab-marker.review-ab-marker-b .review-ab-marker-label,
.review-ab-marker.ab-marker-b .review-ab-marker-label {
    position: absolute;
    top: -20px;
    left: -6px;
    width: 14px;
    height: 14px;
    background: #4444ff;
    color: white;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
}

/* AB 区间指示器 */
.review-ab-range-indicator,
.ab-range-indicator {
    position: absolute;
    top: 0;
    height: 100%;
    background: linear-gradient(to right,
        rgba(255, 68, 68, 0.3) 0%,
        rgba(255, 68, 68, 0.2) 50%,
        rgba(68, 68, 255, 0.3) 100%);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    display: none;
    z-index: 9;
}