/**
 * Evan Ruler - 样式
 * 复刻 devouringdetails.com minimap 设计
 */

/* ========== Minimap 容器（左侧竖排横线组） ========== */
.evan-ruler-minimap {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    left: 0 !important;
    margin-left: 32px !important;
    z-index: 99998 !important;
    pointer-events: auto !important;
}

/* ========== Minimap 横线 ========== */
.evan-ruler-bar {
    height: 0.5px !important;
    transform-origin: 0 0 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: transform 0.15s ease !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.evan-ruler-bar--major {
    width: 40px !important;
    background: #000000 !important;
}

.evan-ruler-bar--minor {
    width: 24px !important;
    background: var(--sr-bar-minor, #9CA3AF) !important;
}

.evan-ruler-bar:hover {
    transform: scaleX(1.5) !important;
}

/* ========== 全宽橙色横线指示器 ========== */
.evan-ruler-line {
    position: fixed !important;
    top: 0; /* JS 动态设置，不加 !important */
    left: 32px !important;
    width: 100vw !important;
    height: 1px !important;
    background: var(--sr-line-color, #FF5800) !important;
    pointer-events: none !important;
    z-index: 99998 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ========== 左侧三角箭头 ========== */
.evan-ruler-arrow {
    position: absolute !important;
    left: -16px !important;
    top: -3px !important;
    width: 10px !important;
    height: 8px !important;
    transform: translateY(-3px) rotate(-90deg) !important;
    transform-origin: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ========== 按钮（橙色横线内部） ========== */
.evan-ruler-button {
    position: absolute !important;
    right: 128px !important;
    top: 0 !important;
    height: 24px !important;
    padding: 0 8px !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    line-height: 24px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    border-radius: 0 !important;
    border: none !important;
    margin: 0 !important;
    letter-spacing: normal !important;
}

/* ========== 移动端适配 ========== */
@media (max-width: 960px) {
    .evan-ruler-minimap {
        display: none !important;
    }

    .evan-ruler-line {
        left: 0 !important;
    }

    .evan-ruler-arrow {
        display: none !important;
    }
}

@media (max-width: 640px) {
    .evan-ruler-button {
        right: 40px !important;
    }
}