/* ==========================================================================
   全局统一半透明容器
   背景透明度 / 高斯模糊值 统一由 CSS 变量控制：
     --hq-container-rgb      (主题感知基色，design-tokens / dark-core 定义)
     --hq-container-opacity  (容器背景 alpha，默认 0.25，用户可调)
     --hq-container-blur      (backdrop-filter 模糊值，默认 8px，用户可调)
   由 inc/visual-control 组件提供前台滑块实时覆盖（localStorage 持久化）。

   三类卡片（article / news-style / image）已统一引用 --hq-card-* token，
   不再在此文件覆盖。本文件仅负责非卡片类容器的半透明背景与模糊控制，
   全部通过变量引用，不使用 !important，避免特异性战争。
   ========================================================================== */

/* 仅在用户显式关闭毛玻璃时（body.no-backdrop-filter）全局禁用模糊，
   避免范围外元素意外恢复模糊造成回归。 */
body.no-backdrop-filter * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ── 非卡片类容器：统一半透明背景 + 模糊（变量驱动，无 !important）── */
.hqw-guestwall-item,
.hqw-fl-title-section,
.hqw-fl-filter-bar,
.hqw-fl-stats,
.hqw-fl-filter-btn,
.member-sidebar,
.member-messages-wrapper,
.member-messages-list,
.member-messages-search-results,
.notification-item,
.binding-item,
#publish-section,
.payment-settings,
.favorites-section,
.posts-table-wrapper,
.account-deletion-section,
.danger-item,
.cover-preview,
.editor-container,
.editor-toolbar,
.editor-content,
.category-item,
.price-suggestions,
.payment-info,
.user-balance,
.mark-all-read-btn,
.load-more-btn,
.hq-sidebar-widget,
.douyin-comments,
.hq-search-panel,
.hq-login-container,
.page-content,
.article-full-width-container {
    background: rgba(var(--hq-container-rgb), var(--hq-container-opacity));
    backdrop-filter: blur(var(--hq-container-blur));
    -webkit-backdrop-filter: blur(var(--hq-container-blur));
    border: 1px solid var(--hq-card-border, #e5e5e5);
    border-radius: 20px;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.3) inset,
        0 4px 20px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    transition: var(--hq-card-transition, all 0.3s ease);
}

.hqw-guestwall-item:hover,
.notification-item:hover,
.binding-item:hover,
.category-item:hover,
.load-more-btn:hover,
.mark-all-read-btn:hover,
.hq-sidebar-widget:hover,
.douyin-comments:hover,
.hq-search-panel:hover,
.hq-login-container:hover,
.page-content:hover,
.article-full-width-container:hover {
    background: rgba(var(--hq-container-rgb), calc(var(--hq-container-opacity) + 0.2));
    transform: var(--hq-card-transform-hover, translateY(-4px));
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.4) inset,
        0 8px 24px rgba(0, 0, 0, 0.12);
}

/* ── 语义化状态色（保留语义颜色，移除 !important）── */
.notification-item.unread {
    background: rgba(230, 247, 255, 0.4);
}

.category-item.selected {
    background: rgba(22, 93, 255, 0.08);
    border-color: #165dff;
}

.danger-item {
    background: rgba(255, 242, 240, 0.45);
    border-color: rgba(255, 204, 199, 0.45);
}

.payment-info {
    background: rgba(22, 93, 255, 0.04);
}

.price-suggestions {
    background: rgba(186, 230, 253, 0.35);
}

.user-balance {
    background: rgba(248, 249, 250, 0.35);
}

.editor-toolbar {
    background: rgba(248, 250, 252, 0.35);
}

.editor-content {
    background: rgba(255, 255, 255, 0.35);
}

.cover-preview {
    background: rgba(248, 250, 252, 0.35);
}

/* ── 视频详情页容器（保留专属样式，移除 !important）── */
.hq-video-detail__player-container,
.hq-video-detail__sidebar-section,
.hq-video-detail__comments-block,
.hq-video-detail__vip-card {
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.hq-video-detail__player-container:hover,
.hq-video-detail__sidebar-section:hover,
.hq-video-detail__comments-block:hover,
.hq-video-detail__vip-card:hover {
    background: rgba(248, 250, 252, 0.85);
    transform: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

html[data-theme="dark"] .hq-video-detail__player-container,
html[data-theme="dark"] .hq-video-detail__sidebar-section,
html[data-theme="dark"] .hq-video-detail__comments-block,
html[data-theme="dark"] .hq-video-detail__vip-card {
    background: rgba(20, 20, 30, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.05) inset,
        0 8px 32px rgba(0, 0, 0, 0.4);
}

html[data-theme="dark"] .hq-video-detail__player-container:hover,
html[data-theme="dark"] .hq-video-detail__sidebar-section:hover,
html[data-theme="dark"] .hq-video-detail__comments-block:hover,
html[data-theme="dark"] .hq-video-detail__vip-card:hover {
    background: rgba(20, 20, 30, 0.75);
    transform: none;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.08) inset,
        0 12px 40px rgba(0, 0, 0, 0.5);
}