/**
 * LY 参考源 前端样式
 * 通过 wp_enqueue_scripts 注入（不进 the_content）
 * 所有规则加 !important 强制覆盖主题
 */

/* 段末按钮容器 */
.ly-ref-btn {
    background: #f5f7fa !important;
    border-color: #e4e7eb !important;
}

.ly-ref-btn:hover {
    background: #eef2ff !important;
    border-color: #4a6cf7 !important;
    color: #2c47e0 !important;
}

/* 收起态：默认可见 */
.ly-ref-btn .ly-ref-btn-collapse {
    transition: opacity .15s ease !important;
}

.ly-ref-btn:hover .ly-ref-btn-collapse {
    opacity: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* 展开态：hover 时显示 */
.ly-ref-btn .ly-ref-btn-expand {
    transition: opacity .15s ease !important;
}

.ly-ref-btn:hover .ly-ref-btn-expand {
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    pointer-events: auto !important;
}

/* 单个 favicon：hover 放大 */
.ly-ref-btn .ly-ref-icon {
    transition: transform .15s ease !important;
}

.ly-ref-btn .ly-ref-icon:hover {
    transform: scale(1.4) !important;
    z-index: 10 !important;
}

/* tooltip（通过 JS 控制，不在 the_content 里） */
#lyRefTooltip {
    position: fixed !important;
    background: #1a202c !important;
    color: #fff !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    max-width: 280px !important;
    z-index: 99999 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.2) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity .15s ease !important;
    text-align: left !important;
    display: none !important;
    font-weight: normal !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

#lyRefTooltip.is-show {
    opacity: 1 !important;
    display: block !important;
}

#lyRefTooltip .ly-ref-tooltip__label {
    color: #a0aec0 !important;
    font-size: 10px !important;
    margin-bottom: 4px !important;
    letter-spacing: .5px !important;
}

#lyRefTooltip .ly-ref-tooltip__platform {
    color: #63b3ed !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    margin-bottom: 2px !important;
}

#lyRefTooltip .ly-ref-tooltip__title {
    color: #fff !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
}

/* 移动端：按钮略大 */
@media (max-width: 640px) {
    .ly-ref-btn {
        padding: 5px 12px !important;
        height: 28px !important;
        font-size: 13px !important;
    }
    .ly-ref-btn .ly-ref-icon {
        width: 18px !important;
        height: 18px !important;
    }
}