/*
  ✅ 主题配色覆盖文件
  - 不动原来的 style.css（方便以后升级/替换）
  - 你只需要改下面 :root 的变量，就能整体换色
*/

:root{
  /* 主色（按钮/高亮/标签） */
  --c-primary: #6366f1;   /* Indigo */
  --c-accent:  #06b6d4;   /* Cyan */

  /* 文本 & 背景 */
  --c-text:    #0f172a;   /* Slate-900 */
  --c-muted:   #475569;   /* Slate-600 */
  --c-bg:      #f6f7fb;
  --c-card:    #ffffff;

  /* 边框 */
  --c-border:  #e5e7eb;

  /* 阴影（微调质感） */
  --shadow-soft: 0 10px 12px -4px rgba(99,102,241,.20);
  --shadow-soft-hover: 0 10px 12px -4px rgba(99,102,241,.35);
}

/* 全局基础 */
body{
  color: var(--c-text) !important;
  background: var(--c-bg) !important;
}

a{
  color: var(--c-text);
}

a:hover{
  color: var(--c-primary) !important;
}

/* 原项目里很多地方用 .color-main 做渐变文字 */
.color-main,
.module-ranking-tab-link i,
.search-tag i,
.navbar-item.active a i{
  background: -webkit-linear-gradient(0deg, var(--c-accent), var(--c-primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 主按钮/线性渐变按钮 */
.btn-main,
.btn-main-linear,
.main-btn,
.module-prompt p a,
.popup-btn,
.app-downlist .app-downlist-go,
.play-btn{
  background: linear-gradient(to right, var(--c-accent) 0%, var(--c-primary) 100%) !important;
  color: #fff !important;
}

.btn-main-linear,
.main-btn,
.module-prompt p a,
.popup-btn,
.app-downlist .app-downlist-go{
  box-shadow: var(--shadow-soft) !important;
}

.btn-main-linear:hover,
.main-btn:hover,
.module-prompt p a:hover,
.popup-btn:hover,
.app-downlist .app-downlist-go:hover{
  box-shadow: var(--shadow-soft-hover) !important;
}

/* 线框播放按钮 */
.play-btn-o{
  color: var(--c-primary) !important;
  background: var(--c-card) !important;
}
.play-btn-o::after{
  border-color: var(--c-primary) !important;
}
.play-btn-o:hover{
  background: linear-gradient(to right, var(--c-accent) 0%, var(--c-primary) 100%) !important;
  color: #fff !important;
}

/* 边框颜色微调 */
.border::after,
.btn-block-o::after,
.play-btn-o::after,
.module-heading-more::after,
.module-tab-name::after,
.module-class::after,
.module-item-box a::after,
.module-info-tag-link::after,
.module-play-list-link::after{
  border-color: var(--c-border) !important;
}

/* popup（你这个导航弹窗）整体配色 */
.popup{
  background: var(--c-card) !important;
  border: 1px solid rgba(229,231,235,.65);
  backdrop-filter: saturate(1.1);
}

.popup::after{
  /* 原来是黄色半圆，这里改成更柔和的蓝紫氛围 */
  background: radial-gradient(circle at 20% 20%, rgba(6,182,212,.35), rgba(99,102,241,.25)) !important;
}

.popup-title::before{
  background: rgba(99,102,241,.18) !important;
}

.popup-main p{
  color: var(--c-muted);
}

.popup-main p strong,
.popup-main p a{
  color: var(--c-primary) !important;
}

/* 修复原 CSS 里缺少分号导致的异常（color 后面混了 display） */
.popup-main p a{
  display: inline-block !important;
}

.popup-main p.popup-domain{
  background: rgba(99,102,241,.06) !important;
  border: 1px solid rgba(99,102,241,.12);
}

.popup-main p.popup-domain:hover{
  background: rgba(6,182,212,.10) !important;
  border-color: rgba(6,182,212,.22);
}

.popup-main p.popup-domain a{
  color: var(--c-text) !important;
}

.popup-main p.popup-domain:hover a{
  color: var(--c-primary) !important;
}

.popup-main p.popup-domain span{
  background: linear-gradient(to right, var(--c-accent) 0%, var(--c-primary) 100%) !important;
}

.popup-main p:last-child::after{
  background: rgba(229,231,235,.9) !important;
}

/* 选中态小细节 */
::selection{
  background: rgba(6,182,212,.25);
}