/**
 * line-segment.css — 线段图样式
 *
 * 线段图直接用 Canvas 绘制，只需少量容器样式。
 * 引用方式：<link rel="stylesheet" href="../../css/line-segment.css">
 */

/* ---- 线段图容器 ---- */
.segment-container {
    position: relative;
    width: 100%;
    min-height: 300px;
    margin: 12px 0;
    background: #fafafa;
    border-radius: 12px;
    border: 0.5px solid #e8e8e8;
    padding: 0;
    overflow: hidden;
}

.segment-container canvas {
    display: block;
    width: 100%;
    height: 360px;
}

/* ---- 非 Canvas 时的回退提示 ---- */
.segment-fallback {
    display: none;
    padding: 40px;
    text-align: center;
    color: #999;
    font-size: 0.9rem;
}
canvas:not([width]) + .segment-fallback { display: block; }