/* ==========================================================
   Google 风格主题 CSS
   替换 app.css + m.css，统一管理所有自定义样式
   ========================================================== */

/* ----------------------------------------------------------
   1. CSS 变量定义 & Element Plus 变量覆盖
   ---------------------------------------------------------- */
:root {
  /* Google 品牌色 */
  --g-blue:   #4285F4;
  --g-red:    #EA4335;
  --g-green:  #34A853;
  --g-yellow: #FBBC05;
  --g-dark:   #424242;
  --g-white:  #FFFFFF;

  /* 语义化颜色 */
  --g-primary:       var(--g-blue);
  --g-primary-hover: #1a73e8;
  --g-primary-light: #e8f0fe;

  /* 背景色 */
  --g-bg:           #FFFFFF;
  --g-bg-secondary: #F8F9FA;
  --g-bg-hover:     #F1F3F4;

  /* 文字色 */
  --g-text:           #202124;
  --g-text-secondary: #5F6368;
  --g-text-disabled:  #BDC1C6;

  /* 边框/阴影 */
  --g-border:       #DADCE0;
  --g-border-hover: #4285F4;
  --g-shadow-sm:    0 1px 3px rgba(60,64,67,.15), 0 1px 2px rgba(60,64,67,.3);
  --g-shadow-md:    0 1px 6px rgba(60,64,67,.28), 0 2px 6px 2px rgba(60,64,67,.15);

  /* 圆角 */
  --g-radius-sm:   4px;
  --g-radius-md:   8px;
  --g-radius-lg:   24px;
  --g-radius-full: 9999px;

  /* 网盘类型颜色（4色循环） */
  --pan-quark:   #4285F4;
  --pan-alipan:  #EA4335;
  --pan-baidu:   #34A853;
  --pan-uc:      #FBBC05;
  --pan-xunlei:  #4285F4;
  --pan-115:     #EA4335;
  --pan-tianyi:  #34A853;
  --pan-yidong:  #FBBC05;
  --pan-123:     #4285F4;
  --pan-magnet:  #5F6368;

  /* 覆盖 Element Plus 主题色 */
  --el-color-primary:         #4285F4;
  --el-color-primary-light-3: #79abf8;
  --el-color-primary-light-5: #a3c4fb;
  --el-color-primary-light-7: #cddcfd;
  --el-color-primary-light-8: #dde8fe;
  --el-color-primary-light-9: #eef3ff;
  --el-color-primary-dark-2:  #1a73e8;

  --el-border-radius-base: var(--g-radius-sm);
  --el-font-family: 'Google Sans', 'Roboto', -apple-system, BlinkMacSystemFont,
                    'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 暗色模式 */
[data-theme="dark"] {
  --g-bg:           #1c1c1e;
  --g-bg-secondary: #2c2c2e;
  --g-bg-hover:     #3a3a3c;
  --g-text:         #E8EAED;
  --g-text-secondary: #9AA0A6;
  --g-border:       #3C4043;
  --g-primary-light: rgba(66,133,244,.15);
  --el-bg-color:    #1c1c1e;
  --el-bg-color-page: #141414;
  --el-text-color-primary: #E8EAED;
  --el-text-color-regular: #9AA0A6;
  --el-border-color: #3C4043;
}

/* ----------------------------------------------------------
   2. 全局基础重置
   ---------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-family: var(--el-font-family);
  line-height: 1.6;
  color: var(--g-text);
  background: var(--g-bg);
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:hover { color: var(--g-primary); }

[v-cloak] { display: none !important; }

/* 隐藏页面加载时的闪烁 */
[data-page-loading] #app { visibility: hidden !important; }

/* ----------------------------------------------------------
   3. 导航栏（Google 极简白色）
   ---------------------------------------------------------- */
.headerBox {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 64px;
  z-index: 100;
  background: var(--g-bg);
  border-bottom: 1px solid var(--g-border);
}

.headerKox { height: 64px; }

.headerBox .bg { display: none !important; }

.headerBox .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  padding: 0 24px;
}

/* Logo 区域 */
.logoBox {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  flex-shrink: 0;
}

.logoBox .logo {
  height: 32px;
  width: 32px;
  border-radius: var(--g-radius-sm);
}

/* Google 彩色字母 Logo */
.logo-google-text {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1;
  font-family: 'Google Sans', sans-serif;
}
.logo-g1 { color: #4285F4; }
.logo-g2 { color: #EA4335; }
.logo-g3 { color: #FBBC05; }
.logo-g4 { color: #4285F4; }
.logo-g5 { color: #34A853; }
.logo-g6 { color: #EA4335; }

/* 中间导航 */
.center-navs {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 auto;
}

.center-navs .nav-item {
  padding: 8px 16px;
  font-size: 14px;
  color: var(--g-text-secondary);
  cursor: pointer;
  border-radius: var(--g-radius-full);
  transition: background .15s, color .15s;
  text-decoration: none;
}

.center-navs .nav-item:hover {
  background: var(--g-bg-hover);
  color: var(--g-text);
}

.center-navs .nav-item.active {
  color: var(--g-primary);
  background: var(--g-primary-light);
}

/* 右侧操作区 */
.navs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.theme-toggle {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  color: var(--g-text-secondary);
  transition: background .15s;
  font-size: 18px;
}
.theme-toggle:hover {
  background: var(--g-bg-hover);
  color: var(--g-text);
}

/* 隐藏头部原搜索框（首页独立搜索区接管） */
.headerBox .box .search { display: none; }

/* ----------------------------------------------------------
   4. 首页主搜索区
   ---------------------------------------------------------- */
.g-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 24px 32px;
}

/* 站点彩色大标题 */
.g-hero-title {
  font-size: 64px;
  font-weight: 400;
  letter-spacing: -1px;
  margin-bottom: 32px;
  line-height: 1;
}
.g-hero-title .c1 { color: #4285F4; }
.g-hero-title .c2 { color: #EA4335; }
.g-hero-title .c3 { color: #FBBC05; }
.g-hero-title .c4 { color: #4285F4; }
.g-hero-title .c5 { color: #34A853; }
.g-hero-title .c6 { color: #EA4335; }

/* 搜索框容器 */
.g-search-wrap {
  width: 100%;
  max-width: 640px;
  margin-bottom: 16px;
}

/* Google 标志性搜索框 */
.g-search-box {
  display: flex;
  align-items: center;
  height: 52px;
  background: var(--g-bg);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius-full);
  padding: 0 16px 0 20px;
  gap: 12px;
  transition: box-shadow .2s, border-color .2s;
}

.g-search-box:hover {
  box-shadow: var(--g-shadow-sm);
}

.g-search-box:focus-within {
  box-shadow: var(--g-shadow-md);
  border-color: transparent;
}

.g-search-icon {
  color: var(--g-text-secondary);
  font-size: 20px;
  flex-shrink: 0;
}

.g-search-input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  color: var(--g-text);
  font-family: inherit;
}
.g-search-input::placeholder { color: var(--g-text-disabled); }

.g-search-clear {
  color: var(--g-text-secondary);
  cursor: pointer;
  font-size: 18px;
  flex-shrink: 0;
  padding: 4px;
  border-radius: 50%;
  transition: background .15s;
  display: none;
}
.g-search-clear:hover { background: var(--g-bg-hover); }
.g-search-clear.visible { display: flex; align-items: center; }

.g-search-divider {
  width: 1px;
  height: 24px;
  background: var(--g-border);
  flex-shrink: 0;
}

.g-search-btn {
  height: 36px;
  padding: 0 16px;
  background: var(--g-primary);
  color: #fff;
  border: none;
  border-radius: var(--g-radius-full);
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: background .15s, box-shadow .15s;
  white-space: nowrap;
}
.g-search-btn:hover {
  background: var(--g-primary-hover);
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

/* 网盘类型 Tab */
.g-pan-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  max-width: 640px;
  width: 100%;
}

.g-pan-tab {
  height: 32px;
  padding: 0 16px;
  border-radius: var(--g-radius-full);
  border: 1px solid var(--g-border);
  background: var(--g-bg);
  color: var(--g-text-secondary);
  font-size: 13px;
  cursor: pointer;
  transition: all .15s;
  display: flex;
  align-items: center;
  gap: 4px;
}
.g-pan-tab:hover {
  background: var(--g-bg-hover);
  border-color: var(--g-text-secondary);
}
.g-pan-tab.active {
  background: var(--g-primary-light);
  border-color: var(--g-primary);
  color: var(--g-primary);
  font-weight: 500;
}

/* 搜索统计 */
.g-stats {
  display: flex;
  gap: 24px;
  margin-top: 24px;
  font-size: 13px;
  color: var(--g-text-secondary);
}
.g-stats-item strong {
  color: var(--g-primary);
  font-weight: 600;
}

/* 热词推荐 */
.g-hot-words {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 640px;
}
.g-hot-label {
  font-size: 13px;
  color: var(--g-text-secondary);
}
.g-hot-word {
  font-size: 13px;
  color: var(--g-primary);
  cursor: pointer;
  padding: 2px 10px;
  border-radius: var(--g-radius-full);
  background: var(--g-primary-light);
  transition: background .15s;
}
.g-hot-word:hover {
  background: #cddcfd;
}

/* ----------------------------------------------------------
   5. 搜索结果页（list.html）
   ---------------------------------------------------------- */
/* 搜索结果区头部信息 */
.g-result-header {
  padding: 12px 0 8px;
  font-size: 14px;
  color: var(--g-text-secondary);
  border-bottom: 1px solid var(--g-border);
  margin-bottom: 12px;
}
.g-result-header strong { color: var(--g-text); }

/* 结果列表 */
.g-result-list { display: flex; flex-direction: column; gap: 0; }

/* 单条结果 */
.g-result-item {
  padding: 14px 16px;
  border-bottom: 1px solid #e0e0e0;   /* Fix5: 加深分割线，确保可见 */
  transition: background .15s;
  cursor: pointer;
}
.g-result-item:first-child {
  border-top: 1px solid #e0e0e0;      /* Fix5: 首条也加顶部线，整体感更强 */
}
.g-result-item:last-child { border-bottom: none; }
.g-result-item:hover { background: var(--g-bg-secondary); }

.g-result-title {
  font-size: 16px;
  color: var(--g-primary);
  font-weight: 400;
  margin-bottom: 4px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.g-result-title:hover { text-decoration: underline; }
.g-result-title span { color: var(--g-red); font-weight: 600; } /* 高亮关键词 */

.g-result-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
  font-size: 12px;
  color: var(--g-text-secondary);
}

/* 网盘类型标签 */
.g-pan-badge {
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  border-radius: var(--g-radius-full);
  font-size: 11px;
  font-weight: 500;
  border: 1px solid currentColor;
}
.g-pan-badge-0  { color: var(--pan-quark);  background: rgba(66,133,244,.08);  }
.g-pan-badge-1  { color: var(--pan-alipan); background: rgba(234,67,53,.08);   }
.g-pan-badge-2  { color: var(--pan-baidu);  background: rgba(52,168,83,.08);   }
.g-pan-badge-3  { color: var(--pan-uc);     background: rgba(251,188,5,.12);   }
.g-pan-badge-4  { color: var(--pan-xunlei); background: rgba(66,133,244,.08);  }
.g-pan-badge-5  { color: var(--pan-123);    background: rgba(66,133,244,.08);  }
.g-pan-badge-6  { color: var(--pan-115);    background: rgba(234,67,53,.08);   }
.g-pan-badge-7  { color: var(--pan-tianyi); background: rgba(52,168,83,.08);   }
.g-pan-badge-8  { color: var(--pan-yidong); background: rgba(251,188,5,.12);   }
.g-pan-badge-9  { color: var(--pan-magnet); background: rgba(95,99,104,.08);   }

/* 操作按钮 */
.g-result-btns {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.g-btn {
  height: 30px;
  padding: 0 14px;
  border-radius: var(--g-radius-full);
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all .15s;
  border: none;
  text-decoration: none;
}

.g-btn-primary {
  background: var(--g-primary);
  color: #fff;
}
.g-btn-primary:hover {
  background: var(--g-primary-hover);
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.g-btn-outline {
  background: transparent;
  color: var(--g-primary);
  border: 1px solid var(--g-border);
}
.g-btn-outline:hover {
  background: var(--g-primary-light);
  border-color: var(--g-primary);
}

.g-btn-ghost {
  background: var(--g-bg-secondary);
  color: var(--g-text-secondary);
}
.g-btn-ghost:hover {
  background: var(--g-bg-hover);
  color: var(--g-text);
}

/* ----------------------------------------------------------
   6. 通用布局容器
   ---------------------------------------------------------- */
.g-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.g-content-wrap {
  display: flex;
  gap: 24px;
  padding-top: 16px;
  max-width: 960px;  /* Fix4: 与顶部搜索条视觉宽度对齐 */
}

/* 主内容区 */
.g-main {
  flex: 1;
  min-width: 0;
}

/* 侧边栏 */
.g-sidebar {
  width: 300px;
  flex-shrink: 0;
}

/* 卡片 */
.g-card {
  background: var(--g-bg);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius-md);
  overflow: hidden;
}

.g-card-title {
  padding: 14px 16px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--g-text);
}

/* ----------------------------------------------------------
   7. 分页
   ---------------------------------------------------------- */
.g-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 20px 0;
}

.g-page-btn {
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: var(--g-radius-sm);
  border: 1px solid var(--g-border);
  background: var(--g-bg);
  color: var(--g-primary);
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s;
  text-decoration: none;
}
.g-page-btn:hover { background: var(--g-primary-light); }
.g-page-btn.active {
  background: var(--g-primary);
  color: #fff;
  border-color: var(--g-primary);
}
.g-page-btn:disabled {
  color: var(--g-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

/* ----------------------------------------------------------
   8. 对话框 / 弹窗
   ---------------------------------------------------------- */
.el-dialog__header { padding-bottom: 12px; }

.dialogUrl { padding: 24px !important; border-radius: 12px; }
.dialogUrl .title {
  font-size: 16px;
  font-weight: 500;
  color: var(--g-text);
  margin-bottom: 8px;
}
.dialogUrl .tips {
  font-size: 13px;
  color: var(--g-text-secondary);
  margin-bottom: 16px;
}
.dialogUrl .qrcode {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}
.dialogUrl .nav { margin-top: 12px; }
.dialogUrl .nav .item {
  font-size: 13px;
  color: var(--g-text-secondary);
  margin-bottom: 8px;
  word-break: break-all;
}
.dialogUrl .nav .item a {
  color: var(--g-primary);
}
.dialogUrl .nav .t {
  font-size: 15px;
  font-weight: 500;
  color: var(--g-text);
}

/* ----------------------------------------------------------
   9. 表单元素覆盖（抽屉/提交需求）
   ---------------------------------------------------------- */
.layerBox { padding: 8px 0; }
.layerBox .vname {
  font-size: 15px;
  font-weight: 500;
  color: var(--g-text);
  margin-bottom: 12px;
}
.layerBox .vbtn {
  height: 40px;
  background: var(--g-primary);
  color: #fff;
  border-radius: var(--g-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  margin-top: 12px;
  transition: background .15s;
}
.layerBox .vbtn:hover { background: var(--g-primary-hover); }

.drawer .item {
  padding: 12px 0;
  font-size: 15px;
  color: var(--g-text-secondary);
  cursor: pointer;
  border-bottom: 1px solid var(--g-border);
  transition: color .15s;
}
.drawer .item:hover { color: var(--g-primary); }

/* ----------------------------------------------------------
   10. 移动端 ≤768px
   ---------------------------------------------------------- */
@media (max-width: 768px) {
  .center-navs  { display: none; }
  .filter-btn   { display: none; }
  .logoBox .subtitle { display: none; }

  /* 导航简化 */
  .headerBox { height: 56px; }
  .headerKox { height: 56px; }
  .headerBox .box { padding: 0 16px; }

  /* 首页大标题缩小 */
  .g-hero { padding: 32px 16px 24px; }
  .g-hero-title { font-size: 40px; margin-bottom: 20px; }

  /* 搜索框高度缩小 */
  .g-search-box {
    height: 46px;
    padding: 0 10px 0 14px;  /* Fix7: 减小左内边距，光标起始位置靠左 */
    gap: 8px;                 /* Fix7: 缩小图标与输入框间距 */
    overflow: hidden;         /* 防止溢出 */
  }
  .g-search-icon { font-size: 18px; }
  .g-search-input { min-width: 0; font-size: 15px; }  /* Fix6: min-width:0 防止撑大容器 */
  .g-search-btn {
    padding: 0 12px;
    font-size: 13px;
    flex-shrink: 0;            /* Fix6: 按钮不缩不移 */
    white-space: nowrap;
  }

  /* 网盘 Tab 左右滚动 */
  .g-pan-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  .g-pan-tabs::-webkit-scrollbar { display: none; }
  .g-pan-tab { flex-shrink: 0; }

  /* 布局单列 */
  .g-content-wrap { flex-direction: column; }
  .g-sidebar { width: 100%; }
  .g-container { padding: 0 12px; }

  /* 结果条目 */
  .g-result-item { padding: 12px 12px; }
  .g-result-title { font-size: 15px; }

  /* 统计数字换行 */
  .g-stats { flex-direction: column; gap: 4px; align-items: center; }
}

/* ----------------------------------------------------------
   11. 平板端 769px - 1024px
   ---------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1024px) {
  .g-sidebar { width: 240px; }
  .g-hero-title { font-size: 52px; }
  .g-search-wrap { max-width: 560px; }
  .g-pan-tabs { max-width: 560px; }
}

/* ----------------------------------------------------------
   12. 旧 app.css 兼容层（保留必要的结构类名）
   ---------------------------------------------------------- */
/* 保留旧搜索框结构兼容（list.html 尚未完全迁移时过渡） */
.searchBox { background: var(--g-bg-secondary); }
.searchBox .search {
  display: flex;
  align-items: center;
  max-width: 640px;
  margin: 0 auto;
  padding: 12px 16px;
}
.searchBox .search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  color: var(--g-text);
}
.searchBox .search .btn {
  width: 40px; height: 40px;
  background: var(--g-primary);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
}

/* ----------------------------------------------------------
   13. 通用动画
   ---------------------------------------------------------- */
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes lc-spin { to { transform: rotate(360deg); } }

/* ----------------------------------------------------------
   14. TMDB 影视信息组件
   ---------------------------------------------------------- */
.tmdb-info {
  display: flex;
  gap: 12px;
  padding: 12px;
  background: var(--g-bg-secondary);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius-md);
  margin-top: 16px;
}
.tmdb-poster {
  flex-shrink: 0;
  width: 56px; height: 84px;
  border-radius: var(--g-radius-sm);
  overflow: hidden;
  background: var(--g-border);
}
.tmdb-poster img { width: 100%; height: 100%; object-fit: cover; }
.tmdb-content { flex: 1; min-width: 0; }
.tmdb-title { margin-bottom: 4px; display: flex; align-items: baseline; gap: 6px; }
.tmdb-title-cn { font-size: 14px; font-weight: 600; color: var(--g-text); }
.tmdb-title-en { font-size: 12px; color: var(--g-text-secondary); }
.tmdb-year { font-size: 12px; color: var(--g-primary); margin-bottom: 4px; }
.tmdb-overview {
  font-size: 12px; color: var(--g-text-secondary); line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* ----------------------------------------------------------
   15. 首页布局容器（home-container → 调整为居中单列）
   ---------------------------------------------------------- */
.home-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px 48px;
}
.home-main { display: flex; flex-direction: column; }

/* 移动端首页 */
@media (max-width: 768px) {
  .home-container { padding: 0 12px 32px; }
}

/* ----------------------------------------------------------
   16. 页脚（foot.html）
   ---------------------------------------------------------- */
.footerBox {
  border-top: 1px solid var(--g-border);
  padding: 16px 24px;
  margin-top: 32px;
}

.footerBox .box {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 11px;
  color: var(--g-text-secondary);
  text-align: center;
  line-height: 1.8;
}

.footerBox .box a {
  color: var(--g-primary);
  text-decoration: none;
}
.footerBox .box a:hover { text-decoration: underline; }

/* 已访问链接标题颜色 — Google 惯用访问后紫色 */
.g-result-title.g-visited,
.search-result-name.g-visited {
  color: #6B4FBB;
}
[data-theme="dark"] .g-result-title.g-visited,
[data-theme="dark"] .search-result-name.g-visited {
  color: #A87FE0;
}

/* Fix4: 搜索关键词高亮 — Google 蓝色 */
.keyword-hl,
.search-result-name .keyword-hl,
.g-result-title .keyword-hl {
  color: #4285F4;
  font-weight: 600;
}

/* ----------------------------------------------------------
   17. 旧 --theme-* 变量兼容映射
   让仍使用 --theme-* 的弹窗/组件样式正常渲染
   ---------------------------------------------------------- */
:root {
  --theme-primary:          var(--g-primary);
  --theme-primary-hover:    var(--g-primary-hover);
  --theme-primary-gradient: linear-gradient(135deg, #4285F4 0%, #1a73e8 100%);
  --theme-background:       var(--g-bg-secondary);
  --theme-other_background: var(--g-bg);
  --theme-surface:          var(--g-bg);
  --theme-card:             var(--g-bg-secondary);
  --theme-card-gradient:    var(--g-bg-secondary);
  --theme-text:             var(--g-text);
  --theme-text-secondary:   var(--g-text-secondary);
  --theme-border:           var(--g-border);
  --theme-color:            var(--g-text);
  --theme-theme:            var(--g-primary);
  --theme-primary-dark:     var(--g-primary-hover);
  --theme-text-muted:       var(--g-text-disabled);
}

/* 暗色模式同样兼容 */
[data-theme="dark"] {
  --theme-primary:        var(--g-primary);
  --theme-background:     var(--g-bg);
  --theme-surface:        var(--g-bg-secondary);
  --theme-card:           var(--g-bg-secondary);
  --theme-text:           var(--g-text);
  --theme-text-secondary: var(--g-text-secondary);
  --theme-border:         var(--g-border);
}

/* ----------------------------------------------------------
   18. 弹窗内空 actions 容器不占位
   ---------------------------------------------------------- */
.search-result-actions:empty { display: none; }


/* ============ QQ群提示条(与 kuakeso 一致) ============ */
.dialogUrlBox .dialogUrl .statement {
    margin-top: 24px;
    padding-top: 15px;
    text-align: center;
    font-size: 14px;
    border-top: 1px dashed #e6e6e6;
}

.dialogUrlBox .dialogUrl .statement .content {
    margin-bottom: 8px;
    color: #666;
    line-height: 1.6;
    text-align: center;
}

.dialogUrlBox .dialogUrl .statement .content p {
    text-align: center;
    margin-top: 5px;
}

.dialogUrlBox .dialogUrl .statement .st-link,
.dialogUrlBox .dialogUrl .statement .st-link strong { color: var(--theme-theme); }
.dialogUrlBox .dialogUrl .statement .st-link:hover { opacity:.85; }