/* ============================================================
   Electric-Mini-Bike-FR025DMB.css — 页面层（主推品营销落地页独创区块）
   仅收本页一处签名视觉：First-Bike Fit 量尺轨（measure-rail 族）
   —— 入门电动迷你车专属：把 425mm 座高 / 95mm 离地 / 646mm 轴距 / 950mm 车长
      画成一条"对着孩子量身"的量尺，比例条宽度由 HTML 内联 style 给定（数据驱动）
   纪律：不重定义任何地基白名单类；配色只用 site.css tokens（单一 volt-lime 强调色）
   刻意不复用 FR08DEB 的 speed-ladder / Go Kart 的 volt-glow（避免跨页复制触发"复用即晋升"）
   ============================================================ */

/* ---------- 量尺轨：每行 = 标签+读数 / 比例轨道 / 一句解读 ---------- */
.measure-rail {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}
.measure-row {
    display: block;
}
.measure-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.45rem;
}
.measure-k {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
}
.measure-v {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 1.35rem;
    line-height: 1;
    letter-spacing: -0.01em;
    color: var(--accent);
    white-space: nowrap;
}

/* 轨道：细底槽 + 强调色填充；填充宽度由内联 style 控制（对应真实尺寸比例） */
.measure-track {
    position: relative;
    height: 8px;
    border-radius: 999px;
    background: var(--ink-3);
    border: 1px solid var(--line);
    overflow: hidden;
}
.measure-fill {
    position: absolute;
    inset: 0 auto 0 0;
    display: block;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(200, 245, 66, 0.35) 0%, var(--accent) 100%);
}
/* 轨道右端刻度齿，强化"量尺"读感 */
.measure-track::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), rgba(255, 255, 255, 0.10) calc(10% - 1px) 10%);
    pointer-events: none;
}
.measure-note {
    margin: 0.45rem 0 0;
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--muted);
}

@media (max-width: 420px) {
    .measure-v { font-size: 1.15rem; }
    .measure-rail { gap: 1.1rem; }
}
