/* ref-theme.css —— 只给「原站面板」用的科技风覆盖层
   面板本身是 1:1 复刻（44 份原站 CSS），这里只改颜色变量和少量背景，
   不动任何布局/尺寸，所以业务逻辑完全不受影响。 */

:root,
body,
.lx,
html body {
  /* 原站皮肤变量：金色系 → 青色系 */
  --accent: #35d6ff !important;
  --accent2: #8ceaff !important;
  --cyan: #35d6ff !important;
  --cx-gold: #35d6ff !important;
  --cx-gold-hi: #8ceaff !important;
  --cx-gold-lo: #1f9fd6 !important;
  --cx-ink: #04121a !important;

  /* 背景 / 面板 / 文字统一到深空蓝黑 */
  --bg: #05070c !important;
  --bg2: #0a0f17 !important;
  --card: #0b1018 !important;
  --card2: #101722 !important;
  --border: #1c2836 !important;
  --text: #dbe8f5 !important;
  --muted: #7b8b9e !important;

  --cx-panel: #0b1018 !important;
  --cx-panel-hi: #101722 !important;
  --cx-line: #1c2836 !important;
  --cx-line-hi: #243447 !important;
  --cx-text: #dbe8f5 !important;
  --cx-text-2: #a9bccf !important;
  --cx-text-3: #7b8b9e !important;

  --lx-s1: #0b1018 !important;
  --lx-s2: #101722 !important;
  --lx-bg: #05070c !important;
  --lx-line: #1c2836 !important;
  --lx-line-2: #243447 !important;
  --lx-line-3: #2c4056 !important;
  --lx-t1: #dbe8f5 !important;
  --lx-t2: #a9bccf !important;
  --lx-t3: #7b8b9e !important;
  --lx-label: #7b8b9e !important;

  /* 原站金色透明色阶（背景/描边/发光）→ 青色 */
  --lx-gold-a04: rgba(53, 214, 255, .04) !important;
  --lx-gold-a06: rgba(53, 214, 255, .06) !important;
  --lx-gold-a08: rgba(53, 214, 255, .08) !important;
  --lx-gold-a12: rgba(53, 214, 255, .12) !important;
  --lx-gold-a16: rgba(53, 214, 255, .16) !important;
  --lx-gold-a18: rgba(53, 214, 255, .18) !important;
  --lx-gold-a22: rgba(53, 214, 255, .22) !important;
  --lx-gold-a28: rgba(53, 214, 255, .28) !important;
  --lx-gold-a32: rgba(53, 214, 255, .32) !important;
  --lx-gold-a36: rgba(53, 214, 255, .36) !important;
  --lx-gold-a45: rgba(53, 214, 255, .45) !important;
  --lx-gold-a55: rgba(53, 214, 255, .55) !important;
}

/* 面板底色：加一层极淡的网格，和外壳统一 */
body,
.panel,
.wash-case,
.result-box {
  background-color: #05070c !important;
}
html body {
  background-image:
    linear-gradient(rgba(53, 214, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(53, 214, 255, .035) 1px, transparent 1px) !important;
  background-size: 56px 56px, 56px 56px !important;
  background-attachment: fixed !important;
}

/* 主按钮：金色渐变 → 青色渐变（只改颜色，不改尺寸） */
.btn-primary,
.panel .primary,
button.primary,
.dh-submit,
.rf-go {
  background: linear-gradient(180deg, #8ceaff 0%, #35d6ff 55%, #1f9fd6 100%) !important;
  color: #04121a !important;
  border-color: transparent !important;
  box-shadow: 0 8px 24px -12px rgba(53, 214, 255, .8) !important;
}

/* 输入框聚焦：青色描边 */
input:focus,
textarea:focus,
select:focus {
  border-color: rgba(53, 214, 255, .55) !important;
  box-shadow: 0 0 0 1px rgba(53, 214, 255, .2) !important;
}

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #16202c; border-radius: 8px; border: 2px solid #05070c; }
::-webkit-scrollbar-thumb:hover { background: #1e2c3c; }

/* ---------- 首页 hero：金色按钮与光效 → 青色 ---------- */
body:not([data-release]) #panel-home .home-hero-primary,
.lx .home-hero-primary {
  background: linear-gradient(180deg, #c8f6ff 0%, #35d6ff 55%, #1f9fd6 100%) !important;
  color: #04121a !important;
  box-shadow: 0 14px 34px -16px rgba(53, 214, 255, .85), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}
body:not([data-release]) #panel-home .home-hero-primary::after { background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent) !important; }
body:not([data-release]) #panel-home .home-hero-secondary { border-color: rgba(53,214,255,.3) !important; }
body:not([data-release]) #panel-home .home-hero-secondary:hover { background: rgba(53,214,255,.08) !important; border-color: rgba(53,214,255,.5) !important; }

/* 熊猫与光环本身是金色位图：用色相旋转拉回青色系（只改视觉） */
/* hero 小猫：边缘羽化，融进深色背景（原图是黑底矩形） */
body:not([data-release]) #panel-home .home-hero-robot {
  /* 左边缘 + 四周羽化，让黑底照片融进深色页面 */
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, #000 14%, #000 100%),
    radial-gradient(120% 110% at 58% 48%, #000 55%, rgba(0,0,0,.7) 76%, transparent 94%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, #000 14%, #000 100%),
    radial-gradient(120% 110% at 58% 48%, #000 55%, rgba(0,0,0,.7) 76%, transparent 94%);
  mask-composite: intersect;
  filter: saturate(1.06) contrast(1.02);
}
body:not([data-release]) #panel-home .home-hero-aura,
body:not([data-release]) #panel-home .home-hero-orbit {
  filter: hue-rotate(168deg) saturate(1.2) !important;
}
/* 副按钮：桥接脚本会把它染成主按钮的金色（内联样式），这里用 !important 拉回青色 */
html body:not([data-release]) #panel-home button.home-hero-secondary.home-hero-button {
  background: linear-gradient(180deg, #c8f6ff 0%, #35d6ff 55%, #1f9fd6 100%) !important;
  color: #04121a !important;
  border: 1px solid transparent !important;
  box-shadow: 0 14px 34px -16px rgba(53, 214, 255, .85), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
  opacity: 1 !important;
  filter: none !important;
}
html body:not([data-release]) #panel-home button.home-hero-secondary.home-hero-button b,
html body:not([data-release]) #panel-home button.home-hero-secondary.home-hero-button small,
html body:not([data-release]) #panel-home button.home-hero-secondary.home-hero-button span {
  color: #04121a !important;
  opacity: 1 !important;
}
html body:not([data-release]) #panel-home button.home-hero-secondary.home-hero-button svg { color: #04121a !important; }
body:not([data-release]) #panel-home .home-hero-secondary b,
body:not([data-release]) #panel-home .home-hero-secondary small { color: #04121a !important; }

/* 分类瓦片 / chips 的强调色 */
#panel-home .hv-cat:hover { border-color: rgba(53,214,255,.45) !important; }
#panel-home .directory-build { color: #7b8b9e !important; }

/* ---------- 其他面板的主按钮 ---------- */
.btn-primary,
.panel .primary,
button.btn-gold,
.dh-submit,
.rf-go,
.ai-btn,
.submit-btn {
  background: linear-gradient(180deg, #9beeff 0%, #35d6ff 55%, #1f9fd6 100%) !important;
  color: #04121a !important;
  border-color: transparent !important;
  box-shadow: 0 10px 26px -14px rgba(53, 214, 255, .8) !important;
}