/**
 * 两不相伤 · 右上角「登录 / 注册」化为一叶小舟（配套 lbxs-boat-login.php / .js）
 * 取色与首页水墨横幅同源（墨 #2b3440 / 宣纸 #f6f4f0）
 * 行为：静置数秒后靠边停泊（只露船身），鼠标靠近唤醒并浮出文字
 * v1.0.0
 */

/* 容器整体位移：靠边时只留左侧 34px（正好是船身） */
#lbxs-ub.lbxs-boat {
    transition: transform .9s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
}
#lbxs-ub.lbxs-boat.lbxs-asleep {
    transform: translateX(calc(100% - 34px));
}

/* 胶囊改成透明底：只留小舟 + 文字 */
#lbxs-ub.lbxs-boat .lbxs-ub-pill-out {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    align-items: center;
    gap: 4px;
    transform: none !important;
}
#lbxs-ub.lbxs-boat .lbxs-ub-pill-out:hover,
#lbxs-ub.lbxs-boat .lbxs-ub-pill-out:focus {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}
#lbxs-ub.lbxs-boat .lbxs-ub-seal { display: none !important; }

/* 小舟本体 */
#lbxs-ub.lbxs-boat .lbxs-boat-ico {
    display: block;
    width: 30px;
    height: 34px;
    animation: lbxs-bob 5.6s ease-in-out infinite;
    transform-origin: 50% 82%;
}
#lbxs-ub.lbxs-boat .lbxs-boat-ico svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}
#lbxs-ub.lbxs-boat .lbxs-boat-ink {
    fill: none;
    stroke: #2b3440;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
#lbxs-ub.lbxs-boat .lbxs-boat-sail {
    fill: #2b3440;
    opacity: .82;
}
#lbxs-ub.lbxs-boat .lbxs-boat-hull {
    fill: #2b3440;
    opacity: .92;
}

@keyframes lbxs-bob {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50%      { transform: translateY(-2px) rotate(1.2deg); }
}

/* 文字标签：醒着才显形 */
#lbxs-ub.lbxs-boat .lbxs-ub-txt {
    font-family: "Songti SC", "SimSun", "Noto Serif CJK SC", "STSong", serif;
    font-size: 12.5px;
    letter-spacing: .06em;
    color: #2b3440;
    background: rgba(246, 244, 240, .94);
    border: 1px solid rgba(27, 31, 35, .10);
    padding: 3px 9px;
    border-radius: 999px;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(27, 31, 35, .08);
    opacity: 1;
    transform: translateX(0);
    transition: opacity .45s ease, transform .45s ease;
}
#lbxs-ub.lbxs-boat.lbxs-asleep .lbxs-ub-txt {
    opacity: 0;
    transform: translateX(8px);
    pointer-events: none;
}

/* 触屏/窄屏：不自动躲，避免点不到 */
@media (max-width: 600px) {
    #lbxs-ub.lbxs-boat.lbxs-asleep { transform: none; }
    #lbxs-ub.lbxs-boat.lbxs-asleep .lbxs-ub-txt { opacity: 1; transform: none; }
}

/* 降低动效偏好 */
@media (prefers-reduced-motion: reduce) {
    #lbxs-ub.lbxs-boat,
    #lbxs-ub.lbxs-boat .lbxs-boat-ico,
    #lbxs-ub.lbxs-boat .lbxs-ub-txt { transition: none !important; animation: none !important; }
}