/* ============================================================
   知乎回答卡片生成器 zhihu-answer — 本工具专有样式
   ============================================================ */

.za-range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: #e2e8f0;
    outline: none;
    cursor: pointer;
    margin: 6px 0 2px;
}
.za-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #4f6ef7;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(79, 110, 247, .5);
    cursor: pointer;
}
.za-range::-moz-range-thumb {
    width: 14px; height: 14px;
    border-radius: 50%;
    background: #4f6ef7;
    border: 2px solid #fff;
    cursor: pointer;
}
.za-range:focus-visible { box-shadow: 0 0 0 3px rgba(79, 110, 247, .18); }

html.dark .za-range { background: #2e2e3a; }