/* BETA-FEEDBACK: 反馈入口样式 — 临时功能，公测结束后移除
 *
 * 只剩两样:右下角浮标、点浮标出的两行入口菜单。
 * 面板本体在 components/feedback-panel.css(窗口基类 .dl-chat-panel 在 watson-panel.css)。
 * 三类型表单、遮罩、邮箱栏、上传区的样式随 3-H 一并删除。
 */

/* ── 浮标用到的几个值(其余 --fb-* 随表单一起删) ─────────── */
:root {
    --fb-surface: #ffffff;
    --fb-text-tertiary: #aeaeb2;
    --fb-border: rgba(0, 0, 0, 0.06);
    --fb-device-shadow: 0 32px 80px rgba(0, 0, 0, 0.14),
                        0 12px 28px rgba(0, 0, 0, 0.08),
                        0 4px 10px rgba(0, 0, 0, 0.04);
    --fb-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── 浮动触发按钮 ───────────────────────────────── */
.feedback-fab {
    position: fixed;
    bottom: 28px;
    right: 20px;
    z-index: 900;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 14px;
    border: 0.5px solid var(--fb-border);
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1;
    white-space: nowrap;
    opacity: 0.4;
    background: var(--fb-surface);
    color: var(--fb-text-tertiary);
    box-shadow: var(--fb-device-shadow);
    transition: opacity 0.15s var(--fb-ease), transform 0.15s var(--fb-ease);
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif;
}

@media (hover: hover) {
    .feedback-fab:hover {
        opacity: 0.85;
        transform: translateY(-1px);
    }
}

.feedback-fab:active { transform: scale(0.95); }
.feedback-fab svg { flex-shrink: 0; opacity: 0.5; }

@media (max-width: 768px) {
    .feedback-fab {
        /* ≤768 有底部标签栏，它高 calc(56px + safe-area)（mobile-tab-bar.css）。
           原先写死 76px 是按 safe-area=0 量出来的，在带home指示条的手机上
           （safe-area≈34）浮标整个落进标签栏里。改成跟着同一条公式抬：
           栏高 + 20 的余量，safe-area=0 时仍是 76px，落位一像素不变。 */
        bottom: calc(56px + var(--safe-area-bottom, 0px) + 20px);
        right: 14px;
        padding: 7px 12px;
        font-size: 11px;
    }
}

.pdf-view-body .feedback-fab { display: none; }
.feedback-viewer-btn { order: 10; }

/* ── 入口菜单(四个入口同一枚) ───────────────────── */
/* 材质与行高走右键菜单的公共件(.dl-float / .dl-mat-edge / .dl-menu__item),
   这里只定尺寸与字号 —— 站内每多一种菜单形制,用户就多认一次路。 */
.feedback-menu {
    min-width: 196px;
    padding: var(--dl-pad-panel);
    z-index: var(--dl-z-context-menu);
    font-family: var(--dl-font);
    font-size: var(--dl-fs-body);
    line-height: var(--dl-lh-body);
    color: var(--dl-ink);
}

@media (prefers-reduced-motion: reduce) {
    .feedback-fab { transition: none; }
}

/* ── 主题(浮标那几个值) ─────────────────────────── */
html[data-theme="dark"] {
    --fb-surface: #1c1c1e;
    --fb-text-tertiary: #636366;
    --fb-border: rgba(255, 255, 255, 0.06);
    --fb-device-shadow: 0 32px 80px rgba(0, 0, 0, 0.4),
                        0 12px 28px rgba(0, 0, 0, 0.25),
                        0 4px 10px rgba(0, 0, 0, 0.15);
}

html.theme-dark {
    --fb-surface: var(--theme-surface, #18181b);
    --fb-text-tertiary: #545458;
    --fb-border: rgba(255, 255, 255, 0.06);
    --fb-device-shadow: 0 32px 80px rgba(0, 0, 0, 0.5),
                        0 12px 28px rgba(0, 0, 0, 0.3);
}

html.theme-eye-care {
    --fb-surface: var(--theme-surface, #f5f0e8);
    --fb-text-tertiary: #a09a8c;
    --fb-border: rgba(61, 57, 41, 0.08);
}