/* =========================================================================
   Liquid Glass 主题（液态玻璃 / Backdrop 风格）
   参考：AndroidLiquidGlass-kmp 的 Backdrop 渲染效果
     · 通透：玻璃几乎透明，靠 blur + 高饱和透出背后壁纸
     · 亮边：边缘内折射高光（顶/左最亮，底最弱）
     · 形态：大圆角 / 胶囊
     · 背景：鲜艳的蓝 / 青 / 紫流体壁纸
   仅作用于 index.html / market.html / login.html；admin.html 不引入。

   ⚠️ 深色模式下本文件会被**整个禁用**（index.html 用 media 开关切掉，见那边的说明）。
   原因：本文件几乎每条声明都带 !important，而 index.html 里的暗色覆盖规则大多没写
   !important —— !important 必胜，于是暗色下会出现白卡片、白框、深字深底。
   这套玻璃观感本来就是给浅色壁纸配的，深色有 index.html 自己的一套设计，
   所以最省事也最不容易出错的做法是「深色下整层不加载」。
   ========================================================================= */

:root {
  --lg-blur: 20px;
  --lg-sat: 200%;
  --lg-glass:        rgba(255,255,255,.16);
  --lg-glass-strong: rgba(255,255,255,.28);
  --lg-glass-soft:   rgba(255,255,255,.10);
  --lg-border:       rgba(255,255,255,.50);
  --lg-border-soft:  rgba(255,255,255,.34);
  /* 边缘内折射高光：顶最亮 → 底最弱 */
  --lg-rim:
    inset 0 1.5px 0 rgba(255,255,255,.90),
    inset 1.5px 0 0 rgba(255,255,255,.55),
    inset -1.5px 0 0 rgba(255,255,255,.45),
    inset 0 -1.5px 0 rgba(255,255,255,.22);
  --lg-rim-soft:
    inset 0 1px 0 rgba(255,255,255,.75),
    inset 1px 0 0 rgba(255,255,255,.40),
    inset -1px 0 0 rgba(255,255,255,.34);
  --lg-drop:    0 10px 34px rgba(28,42,86,.20);
  --lg-drop-lg: 0 22px 60px rgba(28,42,86,.30);
  --lg-ease: cubic-bezier(.22,1,.36,1);
}

/* ===================== 背景：鲜艳蓝青紫流体壁纸 ===================== */
body::before {
  background:
    radial-gradient(ellipse 55% 45% at 8% 6%,  rgba(255,199,214,.38), transparent 62%),
    radial-gradient(ellipse 50% 42% at 94% 12%, rgba(180,206,246,.34), transparent 62%),
    radial-gradient(ellipse 55% 48% at 82% 92%, rgba(255,214,200,.26), transparent 62%),
    radial-gradient(ellipse 48% 44% at 14% 90%, rgba(190,226,240,.26), transparent 62%),
    #f0f2f5 !important;
  filter: none !important;
}
body::after { opacity: .10 !important; }

/* ===================== 通用玻璃面 ===================== */
.sidebar {
  background: var(--lg-glass-soft) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  border-right: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim-soft) !important;
}

/* 侧边导航
   ---------------------------------------------------------------------------
   index.html 现在用一块独立的「滑动指示器」.side-nav-indicator 表示选中态：
   浅色下是深色胶囊 + 白字（由 .side-nav.glass-ind 接管，链接自身背景设为透明）。
   本文件下面这几条是**指示器出现之前**的老写法，全都带 !important，
   会把它盖成「深胶囊 + 52% 白蒙层 = 灰胶囊 + 深色文字」的糊状观感。

   所以这里用 :not(.glass-ind) 限定：只有指示器**没接管**时才生效
   （JS 不可用时的降级路径），接管后就交给 index.html 自己的设计。 */
.side-nav:not(.glass-ind) a { border-radius: 999px !important; color: #3f4668 !important; }
.side-nav:not(.glass-ind) a:hover { background: var(--lg-glass-strong) !important; color: #1f2438 !important; box-shadow: var(--lg-rim-soft) !important; }
.side-nav:not(.glass-ind) a.active {
  background: rgba(255,255,255,.52) !important;
  color: #141a2e !important;
  border: 1px solid rgba(255,255,255,.8) !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,1), inset 0 -1px 1px rgba(255,255,255,.4), 0 10px 24px rgba(28,42,86,.20) !important;
}

/* 侧栏用户区 */
.sidebar .user-area {
  background: var(--lg-glass) !important;
  backdrop-filter: blur(16px) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--lg-rim-soft), var(--lg-drop) !important;
}

/* ===================== 顶部导航（老版） ===================== */
.navbar {
  background: var(--lg-glass) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim), var(--lg-drop) !important;
}

/* ===================== 搜索框 ===================== */
.search-box {
  background: var(--lg-glass) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: 999px !important;
  box-shadow: var(--lg-rim), var(--lg-drop) !important;
}
.search-box:focus-within {
  background: rgba(255,255,255,.30) !important;
  box-shadow: var(--lg-rim), var(--lg-drop-lg), 0 0 0 4px rgba(255,255,255,.30) !important;
}
.search-box button {
  border-radius: 999px !important;
  background: rgba(255,255,255,.34) !important;
  color: #232842 !important;
  border: 1px solid rgba(255,255,255,.6) !important;
  box-shadow: var(--lg-rim-soft) !important;
}
.search-box button:hover { background: rgba(255,255,255,.50) !important; color: #171b2e !important; }

/* ===================== 按钮 ===================== */
.btn-primary {
  border-radius: 999px !important;
  background: var(--lg-glass-strong) !important;
  color: #232842 !important;
  backdrop-filter: blur(16px) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(var(--lg-sat)) !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  box-shadow: var(--lg-rim), 0 8px 22px rgba(28,42,86,.18) !important;
}
.btn-primary:hover { background: rgba(255,255,255,.46) !important; }
.btn-feedback, .btn-login {
  border-radius: 999px !important;
  background: var(--lg-glass) !important;
  backdrop-filter: blur(16px) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim), var(--lg-drop) !important;
  color: #333a58 !important;
}
.btn-feedback:hover { background: rgba(255,255,255,.36) !important; color: #1c2136 !important; transform: translateY(-1px) scale(1.02) !important; }
.notification-btn, .locale-toggle {
  background: var(--lg-glass) !important;
  backdrop-filter: blur(16px) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim), var(--lg-drop) !important;
}
.sidebar .ua-pill {
  border-radius: 999px !important;
  background: rgba(255,255,255,.34) !important;
  color: #222840 !important;
  border: 1px solid rgba(255,255,255,.6) !important;
  box-shadow: var(--lg-rim-soft) !important;
}
.sidebar .ua-pill:hover { background: rgba(255,255,255,.5) !important; }
.sidebar #adminPortalBtn { background: rgba(255,255,255,.30) !important; }

/* ===================== 卡片 ===================== */
/* Comment rows share the parent card surface; nested glass layers stack tint and shadows. */
.stat-card, .member-card, .group-card, .lb-row,
.upd-modal, .forum-sort-panel, .notification-panel,
.ai-chat-panel, .ban-notice-modal, .success-box {
  background: var(--lg-glass) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim), var(--lg-drop) !important;
}
.stat-card { border-radius: 26px !important; }
.member-card, .group-card { border-radius: 28px !important; }

.plugin-card {
  background: var(--lg-glass) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: 28px !important;
  box-shadow: var(--lg-rim), var(--lg-drop) !important;
}
.plugin-card:hover {
  background: rgba(255,255,255,.28) !important;
  box-shadow: var(--lg-rim), var(--lg-drop-lg) !important;
}
.plugin-card .plugin-icon {
  border-radius: 18px !important;
  box-shadow: inset 0 1.5px 0 rgba(255,255,255,.95), 0 4px 12px rgba(40,60,120,.20) !important;
}
.plugin-card .version, .updated-badge, .status-badge {
  border-radius: 999px !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* ===================== 悬浮面板 ===================== */
.notification-panel, .forum-sort-panel, .lb-tooltip, .lb-rules-panel {
  border-radius: 24px !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim), var(--lg-drop-lg) !important;
}
.notification-item { border-radius: 14px !important; }

/* ===================== 标签 / 分段控件 ===================== */
.filter-tabs button, .plugin-view-toggle button, .sort-bar button,
.lb-type-tabs button, .lb-period-tabs button, .upload-type-tabs button {
  border-radius: 999px !important;
  background: var(--lg-glass-soft) !important;
  border: 1px solid var(--lg-border-soft) !important;
  box-shadow: var(--lg-rim-soft) !important;
}
.filter-tabs button:hover, .plugin-view-toggle button:hover,
.sort-bar button:hover, .lb-type-tabs button:hover, .lb-period-tabs button:hover,
.upload-type-tabs button:hover { background: var(--lg-glass-strong) !important; }

.filter-tabs button.active, .plugin-view-toggle button.active,
.sort-bar button.active, .lb-type-tabs button.active, .lb-period-tabs button.active,
.upload-type-tabs button.active {
  background: rgba(255,255,255,.55) !important;
  color: #141a2e !important;
  border-color: rgba(255,255,255,.85) !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,1), 0 6px 18px rgba(28,42,86,.16) !important;
}
.filter-tabs { border-bottom-color: rgba(255,255,255,.35) !important; }

.forum-sort-btn {
  border-radius: 999px !important;
  background: var(--lg-glass) !important;
  backdrop-filter: blur(16px) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim), var(--lg-drop) !important;
}
.sort-option { border-radius: 14px !important; }
.sort-option.active { background: rgba(255,255,255,.34) !important; box-shadow: var(--lg-rim-soft) !important; }

/* ===================== 弹窗 / 表单 ===================== */
.modal-overlay { backdrop-filter: blur(8px) saturate(150%) !important; -webkit-backdrop-filter: blur(8px) saturate(150%) !important; }
.modal {
  border-radius: 30px !important;
  background: rgba(255,255,255,.24) !important;
  backdrop-filter: blur(34px) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(34px) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim), var(--lg-drop-lg) !important;
}
.modal input, .modal textarea, .comment-text-input,
.avatar-upload-area, .forum-image-picker label, .fb-img-add, .file-input-label {
  background: rgba(255,255,255,.26) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--lg-rim-soft) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.modal input:focus, .modal textarea:focus, .comment-text-input:focus {
  background: rgba(255,255,255,.42) !important;
  border-color: rgba(255,255,255,.8) !important;
  box-shadow: var(--lg-rim), 0 0 0 4px rgba(255,255,255,.24) !important;
}
.avatar-upload-area:hover, .forum-image-picker label:hover, .fb-img-add:hover {
  border-color: rgba(255,255,255,.8) !important;
  background: rgba(255,255,255,.4) !important;
}
.btn-submit {
  border-radius: 999px !important;
  background: rgba(255,255,255,.34) !important;
  color: #222840 !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  box-shadow: var(--lg-rim), 0 8px 22px rgba(28,42,86,.18) !important;
}
.btn-secondary {
  border-radius: 999px !important;
  background: var(--lg-glass) !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim), var(--lg-drop) !important;
}


/* ===================== 排行榜 ===================== */
.lb-bar-track { background: rgba(255,255,255,.30) !important; border-radius: 999px !important; box-shadow: var(--lg-rim-soft) !important; }
.lb-bar { border-radius: 999px !important; }

/* ===================== 登录页 ===================== */
body.login-page {
  background:
    radial-gradient(ellipse 55% 45% at 8% 6%,  rgba(255,199,214,.38), transparent 62%),
    radial-gradient(ellipse 50% 42% at 94% 12%, rgba(180,206,246,.34), transparent 62%),
    radial-gradient(ellipse 55% 48% at 82% 92%, rgba(255,214,200,.26), transparent 62%),
    radial-gradient(ellipse 48% 44% at 14% 90%, rgba(190,226,240,.26), transparent 62%),
    #f0f2f5 !important;
  background-attachment: fixed !important;
}
.login-container {
  border-radius: 34px !important;
  background: rgba(255,255,255,.22) !important;
  backdrop-filter: blur(36px) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(36px) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim), var(--lg-drop-lg) !important;
}
.logo-icon {
  border-radius: 20px !important;
  background: rgba(255,255,255,.34) !important;
  color: #2a3050 !important;
  border: 1px solid rgba(255,255,255,.6) !important;
  box-shadow: var(--lg-rim-soft), 0 10px 26px rgba(28,42,86,.18) !important;
}
.logo h1 { color: #1e2440 !important; }
.logo p { color: #4a5178 !important; }
.tab-switch {
  background: rgba(255,255,255,.16) !important;
  border: 1px solid var(--lg-border-soft) !important;
  border-radius: 999px !important;
  box-shadow: var(--lg-rim-soft) !important;
}
.tab-switch button { border-radius: 999px !important; color: #3f4668 !important; }
.tab-switch button.active {
  background: rgba(255,255,255,.55) !important;
  color: #1c2136 !important;
  box-shadow: inset 0 1.5px 0 rgba(255,255,255,.95), 0 4px 14px rgba(28,42,86,.16) !important;
}
.form-group label { color: #333a58 !important; }
.form-group input {
  border: 1px solid var(--lg-border) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.26) !important;
  color: #1c2136 !important;
  box-shadow: var(--lg-rim-soft) !important;
}
.form-group input::placeholder { color: #5b6288 !important; }
.form-group input:focus {
  border-color: rgba(255,255,255,.85) !important;
  background: rgba(255,255,255,.44) !important;
  box-shadow: var(--lg-rim), 0 0 0 4px rgba(255,255,255,.24) !important;
}
.code-row button {
  border: 1px solid var(--lg-border) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.30) !important;
  color: #2a3050 !important;
  box-shadow: var(--lg-rim-soft) !important;
}
.code-row button:hover:not(:disabled) { background: rgba(255,255,255,.48) !important; }
.admin-hint { color: #4a5178 !important; }
.admin-hint a { color: #2f3a6e !important; }
.toast {
  border-radius: 999px !important;
  backdrop-filter: blur(18px) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(var(--lg-sat)) !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  box-shadow: var(--lg-rim-soft), var(--lg-drop) !important;
}

/* ===================== 市场页 ===================== */
body.market-page {
  background:
    radial-gradient(ellipse 55% 45% at 8% 6%,  rgba(255,199,214,.38), transparent 62%),
    radial-gradient(ellipse 50% 42% at 94% 12%, rgba(180,206,246,.34), transparent 62%),
    radial-gradient(ellipse 55% 48% at 82% 92%, rgba(255,214,200,.26), transparent 62%),
    radial-gradient(ellipse 48% 44% at 14% 90%, rgba(190,226,240,.26), transparent 62%),
    #f0f2f5 !important;
  background-attachment: fixed !important;
}
body.market-page .navbar {
  background: var(--lg-glass) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  border-bottom: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim-soft), 0 8px 24px rgba(28,42,86,.16) !important;
}
body.market-page .nav-logo { color: #1e2440 !important; }
body.market-page .nav-logo-icon {
  border-radius: 14px !important;
  background: rgba(255,255,255,.34) !important;
  border: 1px solid rgba(255,255,255,.6) !important;
  box-shadow: var(--lg-rim-soft) !important;
}
body.market-page .search-bar {
  background: var(--lg-glass) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--lg-rim), var(--lg-drop) !important;
}
body.market-page .search-bar input {
  background: rgba(255,255,255,.26) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: 999px !important;
  color: #1c2136 !important;
  box-shadow: var(--lg-rim-soft) !important;
}
body.market-page .search-bar input::placeholder { color: #5b6288 !important; }
body.market-page .page-title h2 { color: #1e2440 !important; }
body.market-page .page-title p { color: #4a5178 !important; }
body.market-page .plugin-name { color: #1a2036 !important; }
body.market-page .plugin-desc { color: #333a58 !important; }
body.market-page .plugin-meta { border-top-color: rgba(255,255,255,.4) !important; }
body.market-page .btn-download {
  border-radius: 999px !important;
  background: rgba(255,255,255,.34) !important;
  color: #222840 !important;
  border: 1px solid rgba(255,255,255,.6) !important;
  box-shadow: var(--lg-rim-soft) !important;
}
body.market-page .btn {
  border-radius: 999px !important;
  background: var(--lg-glass) !important;
  color: #222840 !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-rim-soft) !important;
}
body.market-page .btn-primary {
  background: rgba(255,255,255,.34) !important;
  color: #222840 !important;
  border: 1px solid rgba(255,255,255,.62) !important;
}
body.market-page .upload-area {
  border: 2px dashed var(--lg-border) !important;
  background: rgba(255,255,255,.18) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
body.market-page .user-info { color: #333a58 !important; }

/* ===================== 滚动条 ===================== */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.45); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.65); background-clip: padding-box; }

/* ===================== 移动端 ===================== */
@media (max-width: 900px) {
  .sidebar {
    background: var(--lg-glass-strong) !important;
    box-shadow: var(--lg-rim-soft), 0 8px 24px rgba(28,42,86,.16) !important;
  }
  .stat-card, .plugin-card { border-radius: 22px !important; }
}


/* ===================== 玻璃上文字对比度增强 ===================== */
.main .page-header h1 { color:#1a2036 !important; text-shadow:0 1px 2px rgba(255,255,255,.35); }
.stat-card .stat-value { color:#1a2036 !important; }
.stat-label, .stat-card .stat-label { color:#4a5178 !important; }
.plugin-card .name { color:#161c30 !important; }
.plugin-card .desc { color:#2b3350 !important; }
.plugin-card .author, .plugin-card .meta { color:#4a5178 !important; }
.plugin-user-name { color:#4a5178 !important; }
.filter-tabs button, .plugin-view-toggle button, .sort-bar button { color:#3f4668 !important; }
.sort-bar .sort-hint { color:#4a5178 !important; }
.latency-display { color:#4a5178 !important; }


/* ===================== 灰白底对比度增强 v2 ===================== */
.stat-label, .stat-card .stat-label { color:#5a5f78 !important; }
.plugin-card .meta, .plugin-card .author, .plugin-user-name, .dl-stat { color:#555a72 !important; }
.filter-tabs button, .plugin-view-toggle button, .sort-bar button { color:#3a3f57 !important; }
.plugin-view-toggle button.active, .sort-bar button.active { color:#1a1f33 !important; }
.btn-primary:disabled, button:disabled { opacity:.55 !important; }
.locale-toggle, .latency-display { color:#4a4f68 !important; }
.page-header h1, .main .page-header h1 { color:#14192b !important; }


/* ===================== 卡片毛玻璃强化（插件卡 / 论坛卡 / 排行榜行） ===================== */
/* 灰白纯色底上 blur 无视觉，用「更白的半透明 + 多层光影 + 亮边」做出可辨识玻璃感 */
.plugin-card {
  background: linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.46)) !important;
  backdrop-filter: blur(22px) saturate(185%) brightness(1.03) !important;
  -webkit-backdrop-filter: blur(22px) saturate(185%) brightness(1.03) !important;
  border: 1px solid rgba(255,255,255,.85) !important;
  border-radius: 28px !important;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,1),
    inset 1px 0 0 rgba(255,255,255,.6),
    inset -1px 0 0 rgba(255,255,255,.5),
    inset 0 -1.5px 1px rgba(255,255,255,.4),
    0 2px 6px rgba(58,62,104,.06),
    0 12px 32px rgba(58,62,104,.14) !important;
}
.plugin-card:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58)) !important;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,1),
    inset 1px 0 0 rgba(255,255,255,.7),
    inset -1px 0 0 rgba(255,255,255,.55),
    inset 0 -1.5px 1px rgba(255,255,255,.45),
    0 4px 10px rgba(58,62,104,.08),
    0 20px 48px rgba(58,62,104,.22) !important;
}
/* 论坛卡：加一点顶部彩色玻璃折射感 */
#forumGrid .plugin-card {
  background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(248,252,255,.50)) !important;
}
/* 排行榜每一行 */
.lb-row {
  background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.44)) !important;
  backdrop-filter: blur(20px) saturate(180%) brightness(1.03) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) brightness(1.03) !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 22px !important;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,1),
    inset 1px 0 0 rgba(255,255,255,.55),
    inset -1px 0 0 rgba(255,255,255,.45),
    0 2px 5px rgba(58,62,104,.05),
    0 10px 26px rgba(58,62,104,.12) !important;
}
.lb-row:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58)) !important;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,1),
    0 16px 40px rgba(58,62,104,.20) !important;
}

/* =========================================================================
   深色模式变量兜底（2026-09-29）
   -------------------------------------------------------------------------
   正常情况下深色下本文件被整体禁用（media 开关），这段用不到。
   保留它是**防御性**的：万一将来有人在深色下重新启用本层，
   变量已是深色版，不会立刻炸成一片白。
   ========================================================================= */
html[data-background-theme="dark"] {
  --lg-glass:        rgba(255,255,255,.06);
  --lg-glass-strong: rgba(255,255,255,.12);
  --lg-glass-soft:   rgba(255,255,255,.04);
  --lg-border:       rgba(184,198,226,.18);
  --lg-border-soft:  rgba(184,198,226,.14);
  --lg-rim:
    inset 0 1.5px 0 rgba(255,255,255,.10),
    inset 1.5px 0 0 rgba(255,255,255,.06),
    inset -1.5px 0 0 rgba(255,255,255,.05),
    inset 0 -1.5px 0 rgba(255,255,255,.03);
  --lg-rim-soft:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 1px 0 0 rgba(255,255,255,.05),
    inset -1px 0 0 rgba(255,255,255,.04);
  --lg-drop:    0 10px 34px rgba(0,0,0,.38);
  --lg-drop-lg: 0 22px 60px rgba(0,0,0,.48);
}