/* Git Graph Specific Styles */
.git-graph-container {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: auto; /* 如果图形太大，允许滚动 */
    margin-top: 30px; /* 与上方内容保持一些间距 */
    margin-bottom: 30px; /* 与下方内容保持一些间距 */
}

.git-graph-svg {
    /* SVG画布的大小 */
    display: block; /* 确保元素是块级，以便正确处理边距 */
    margin-left: 10%; /* 将SVG的左边缘定位在容器宽度的10%处 */
}

/* 主要分支样式 (XJTU Path) */
.branch-main {
    stroke: #ff0073; /* User's pink color */
    stroke-width: 2.5px;
    fill: none;
}
.commit-main {
    fill: #ff0073;
    stroke: #ffffff; /* 白色描边，使其在分支线上更突出 */
    stroke-width: 1.5px;
}

/* 开发分支样式 (NUS Experience) - Red as per user */
.branch-dev {
    stroke: #fd1414; 
    stroke-width: 2.5px;
    fill: none;
}
.commit-dev {
    fill: #fd1414; 
    stroke: #ffffff;
    stroke-width: 1.5px;
}

/* 特性分支样式 (UCB SkyLab) - Blue as per user */
.branch-feat {
    stroke: #2839a7; 
    stroke-width: 2.5px;
    fill: none;
}
.commit-feat {
    fill: #2839a7; 
    stroke: #ffffff;
    stroke-width: 1.5px;
}

/* 休闲分支样式 [NUS, UCB] */
.relaxing {
    stroke: rgb(0, 255, 234); /* User's cyan color */
    stroke-width: 2.5px;      /* 线条宽度 */
    fill: none;               /* 不填充 */
}

/* 新增：未来分支样式 (Purple) */
.branch-future {
    stroke: #800080; /* Purple */
    stroke-width: 2.5px;
    fill: none;
}
.commit-future {
    fill: #800080; /* Purple */
    stroke: #ffffff;
    stroke-width: 1.5px;
}

/* 提交信息文本样式 */
.commit-text {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 12px;
    fill: #333333;
    paint-order: stroke; 
    stroke: #fff; 
    stroke-width: 2px;
    stroke-linejoin: round;
}

/* 分支标签文本样式 */
.branch-label {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 11px;
    font-weight: bold;
}
.label-main { fill: #545b62; } 
.label-visiting { fill: #545b62; } 
.label-future { 
    fill: #800080; 
}

/* 水平虚线引导线 */
.dashed-guide-line {
    stroke: #cccccc; 
    stroke-width: 1px;
    stroke-dasharray: 4, 4; 
}

/* 箭头线条样式 */
.arrow-line {
    stroke: #555555;
    stroke-width: 1.5px;
}

/* 竖直向箭头*/
.arrow-label-text {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 10px;
    fill: #555555;
    text-anchor: end; 
}