/* ============================================================
   css/hist-recover.css — 「把本机记录搬回服务器」那张卡（2026-10-28 救数据用）
   ============================================================
   位置口径：fixed + left:50% + translateX(-50%)（桌面端也只在限宽竖屏里，不铺满宽屏）；
   顶部让开刘海/状态栏（env(safe-area-inset-top)），z-index 低于全屏内容页（那类是 900+）。
   一旦数据搬完、旗子撤掉，这张卡就不会再出现（见 js/chat/hist-recover.js）。
   ============================================================ */

#histRecoverCard.hist-recover-card {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: calc(env(safe-area-inset-top, 0px) + 58px);
    width: min(calc(100% - 24px), 456px);
    box-sizing: border-box;
    padding: 16px 16px 12px;
    border-radius: 18px;
    background: rgba(255, 253, 252, 0.97);
    border: 1px solid rgba(201, 138, 149, 0.28);
    box-shadow: 0 10px 30px rgba(120, 80, 88, 0.16);
    z-index: 700;
    animation: histRecoverIn 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
}

@keyframes histRecoverIn {
    from { opacity: 0; transform: translateX(-50%) translateY(-8px); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

#histRecoverCard .hist-recover-title {
    font-family: var(--font-serif, "Noto Serif SC", Georgia, serif);
    font-size: 15px;
    letter-spacing: 0.04em;
    color: var(--rose-deep, #a9697a);
    margin-bottom: 6px;
}

#histRecoverCard .hist-recover-note {
    font-size: 12px;
    line-height: 1.7;
    color: var(--text-sub, #7d6f72);
    margin-bottom: 10px;
}

#histRecoverCard .hist-recover-note b {
    font-weight: 600;
    color: var(--rose-deep, #a9697a);
}

#histRecoverCard .hist-recover-stat {
    font-size: 12px;
    line-height: 1.6;
    color: var(--text-sub, #7d6f72);
    min-height: 20px;
    margin-bottom: 8px;
    word-break: break-word;
}

#histRecoverCard .hist-recover-bar {
    height: 4px;
    border-radius: 999px;
    background: rgba(201, 138, 149, 0.16);
    overflow: hidden;
    margin-bottom: 12px;
}

#histRecoverCard .hist-recover-bar i {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(201, 138, 149, 0.75), rgba(201, 138, 149, 1));
    transition: width 0.3s ease;
}

#histRecoverCard .hist-recover-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

#histRecoverCard .hist-recover-go {
    flex: 1;
    height: 38px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #d99aa6, #c07f8e);
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.06em;
    font-family: inherit;
    transition: transform 0.18s ease, opacity 0.18s ease;
    -webkit-tap-highlight-color: transparent;
}

#histRecoverCard .hist-recover-go:active { transform: scale(0.97); opacity: 0.92; }
#histRecoverCard .hist-recover-go:disabled { opacity: 0.6; }

#histRecoverCard .hist-recover-later {
    border: 0;
    background: transparent;
    color: var(--text-sub, #8a7c7f);
    font-size: 12px;
    padding: 8px 6px;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

#histRecoverCard .hist-recover-later:active { opacity: 0.6; }

/* 窄屏（<370px）：缩小留白，避免挤压 */
@media (max-width: 369px) {
    #histRecoverCard.hist-recover-card { padding: 13px 13px 10px; border-radius: 16px; }
    #histRecoverCard .hist-recover-title { font-size: 14px; }
    #histRecoverCard .hist-recover-go { height: 36px; }
}