/* ds-theme.css — DeepSeek 风格覆盖层（加载在 modern-ui.css 之后）
   还原方法：删掉各页面里引用 ds-theme.css / ds-theme.js 的两行即可。 */
/* ================= 日间：淡黄色 ================= */
:root {
  --bg: #fdfbf2;
  --surface: #ffffff;
  --surface-soft: #f8f4df;
  --surface-hover: #f2eccf;
  --heading: #1d1c14;
  --text: #46453a;
  --muted: #6c6a5a;
  --faint: #76735f;
  --border: #ece6c8;
  --accent: #f3d34a;
  --accent-hover: #ecc72c;
  --accent-soft: rgb(243 211 74 / 26%);
  --accent-text: #7a6209;
  --on-accent: #2b2a1c;
  --notice-bg: #fbf5d8;
  --notice-border: #ece0a8;
  --shadow-hover: 0 12px 32px rgb(60 50 0 / 9%);
  --radius: 20px;

  /* 统一的毛玻璃卡片：所有卡片都用这一套 */
  --glass-bg: rgb(255 255 255 / 62%);
  --glass-bg-soft: rgb(255 255 255 / 62%);
  --glass-border: rgb(255 255 255 / 80%);
  --glass-edge: inset 0 1px 0 rgb(255 255 255 / 90%);
  --glass-shadow: 0 0 0 1px rgb(130 105 15 / 8%), 0 10px 30px rgb(80 65 0 / 6%);
  --glass-filter: none;
  --header-bg: rgb(253 251 242 / 60%);
  --menu-bg: rgb(255 253 240 / 92%);

  /* 背景光斑（全是黄色系） */
  --ambient-a: rgb(243 211 74 / 40%);
  --ambient-b: rgb(250 190 80 / 24%);
  --ambient-c: rgb(255 228 120 / 30%);
  --ambient-d: rgb(255 244 190 / 55%);
  --orb-1: rgb(243 211 74 / 55%);
  --orb-2: rgb(250 185 70 / 38%);
  --orb-3: rgb(255 225 110 / 48%);
  --orb-4: rgb(255 200 90 / 30%);
  --pill-bg: rgb(255 250 228 / 60%);

  /* 两个下载按钮共用 */
  --btn-bg: #262822;
  --btn-bg-hover: #3a3d33;
  --btn-fg: #fdfbf2;
}

/* ================= 夜间：暖黑 + 黄色模糊光斑 ================= */
html[data-theme=dark] {
  --bg: #0d0c08;
  --surface: #16150f;
  --surface-soft: #1d1c15;
  --surface-hover: #27261d;
  --heading: #f6f5ec;
  --text: #cfcdbf;
  --muted: #a3a090;
  --faint: #9a9786;
  --border: rgb(255 235 150 / 12%);
  --accent: #f3d45b;
  --accent-hover: #ffe078;
  --accent-soft: rgb(243 212 91 / 16%);
  --accent-text: #f0dc8c;
  --on-accent: #1f1e12;
  --notice-bg: #1c1a10;
  --notice-border: rgb(243 212 91 / 22%);
  --shadow-hover: 0 16px 40px rgb(0 0 0 / 45%);

  --glass-bg: rgb(18 16 9 / 55%);
  --glass-bg-soft: rgb(18 16 9 / 55%);
  --glass-border: rgb(255 235 150 / 14%);
  --glass-edge: inset 0 1px 0 rgb(255 245 200 / 10%);
  --glass-shadow: 0 10px 32px rgb(0 0 0 / 38%);
  --glass-filter: none;
  --header-bg: rgb(13 12 8 / 55%);
  --menu-bg: rgb(24 22 14 / 92%);

  --ambient-a: rgb(243 212 91 / 32%);
  --ambient-b: rgb(235 160 50 / 22%);
  --ambient-c: rgb(255 225 120 / 20%);
  --ambient-d: rgb(243 212 91 / 12%);
  --orb-1: rgb(243 212 91 / 48%);
  --orb-2: rgb(235 150 40 / 40%);
  --orb-3: rgb(255 222 110 / 30%);
  --orb-4: rgb(200 135 25 / 34%);
  --pill-bg: rgb(22 20 12 / 56%);

  --btn-bg: #f6f5ec;
  --btn-bg-hover: #ffffff;
  --btn-fg: #14130d;
}

/* ================= 背景：单层渐变，靠多级衰减做出"高斯模糊"的柔和感
   （没有 filter:blur、没有动画，Safari 滚动不掉帧） ================= */
/* 注：已移除原先"顶部 var(--bg) 渐变遮罩"——它在 iPhone Safari 状态栏区域铺了一层不透明奶油色，
   导致顶栏显示为纯白/纯色而不是透出页面光斑。 */
body:before {
  background:
    radial-gradient(60vw 48vw at 8% 2%, var(--ambient-a), transparent 70%),
    radial-gradient(52vw 44vw at 96% 20%, var(--ambient-b), transparent 70%),
    radial-gradient(56vw 46vw at 32% 98%, var(--ambient-c), transparent 70%);
  background:
    radial-gradient(circle 34vw at 14% 18%, color-mix(in srgb, var(--orb-1) 100%, transparent) 0%, color-mix(in srgb, var(--orb-1) 64%, transparent) 28%, color-mix(in srgb, var(--orb-1) 30%, transparent) 52%, color-mix(in srgb, var(--orb-1) 9%, transparent) 74%, transparent 100%),
    radial-gradient(circle 30vw at 88% 30%, color-mix(in srgb, var(--orb-2) 100%, transparent) 0%, color-mix(in srgb, var(--orb-2) 64%, transparent) 28%, color-mix(in srgb, var(--orb-2) 30%, transparent) 52%, color-mix(in srgb, var(--orb-2) 9%, transparent) 74%, transparent 100%),
    radial-gradient(circle 32vw at 40% 92%, color-mix(in srgb, var(--orb-3) 100%, transparent) 0%, color-mix(in srgb, var(--orb-3) 64%, transparent) 28%, color-mix(in srgb, var(--orb-3) 30%, transparent) 52%, color-mix(in srgb, var(--orb-3) 9%, transparent) 74%, transparent 100%),
    radial-gradient(circle 24vw at 72% 78%, color-mix(in srgb, var(--orb-4) 100%, transparent) 0%, color-mix(in srgb, var(--orb-4) 64%, transparent) 28%, color-mix(in srgb, var(--orb-4) 30%, transparent) 52%, color-mix(in srgb, var(--orb-4) 9%, transparent) 74%, transparent 100%),
    radial-gradient(60vw 48vw at 8% 2%, var(--ambient-a), transparent 70%),
    radial-gradient(52vw 44vw at 96% 20%, var(--ambient-b), transparent 70%),
    radial-gradient(56vw 46vw at 32% 98%, var(--ambient-c), transparent 70%);
  /* Safari 26 用固定定位元素的 background-color 给状态栏着色；透明会变成白色，这里给页面底色 */
  background-color: var(--bg);
  transform: translateZ(0);
}
/* body 设成独立层叠上下文并给出页面底色：Safari 26 没找到顶栏时，用 body 的背景色作为状态栏模糊的底色。
   （z-index:0 保证 body:before 的光斑仍然画在 body 背景之上） */
body { position: relative; z-index: 0; background-color: var(--bg); }
/* iOS：背景层不再 position:fixed。Safari 26 会把整屏固定层当成"顶栏"并把状态栏涂成不透明色；
   改为随页面滚动后，Safari 会在状态栏下方透出页面内容并加上系统自带的模糊过渡。 */
@supports (-webkit-touch-callout: none) {
  body:before { position: absolute; transform: none; }
}

/* ================= 顶栏 ================= */
/* 性能说明：
   - 毛玻璃（背景色 + 模糊）放在 .header-inner::before 上，只用 opacity 淡入淡出（GPU 合成，不重绘）；
   - 外层 .site-header 始终透明、不做 backdrop-filter，避免 Safari 26 把它当成不透明顶栏给状态栏着色；
   - 内部菜单（语言、手机导航）不再嵌套在带 backdrop-filter 的元素里，它们自己的模糊也能正常生效。 */
.js .site-header,
.js .site-header.is-scrolled {
  background-color: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* iOS 26 Safari：只要有固定/粘性元素贴着屏幕最顶端，就会把状态栏涂成纯色。
   顶栏改为从安全区下方开始（不再用 padding 伸进状态栏），
   状态栏区域交给 Safari 自己做透明渐变模糊（和 DeepSeek 官网同样的效果）。 */
.js .site-header {
  /* Safari 26 在屏幕顶端往下 4px 的位置做命中测试，命中宽度 ≥90% 的固定/粘性元素就用它的背景色涂实状态栏。
     让顶栏吸附在 6px 处，这个点就落不到顶栏上，Safari 会改用系统的透明渐变模糊。 */
  top: calc(var(--safe-top) + 6px);
  margin-top: var(--safe-top);
  padding-top: 0;
  /* 顶栏本身不再横跨整个屏幕宽度（和 DeepSeek 一样左右各留空），
     Safari 26 就不会把它当成"顶部工具栏"去给状态栏涂实色。 */
  --hdr-inset: 12px;
  --hdr-gutter: 36px;
  width: calc(100% - 2 * var(--hdr-inset));
  margin-inline: auto;
  padding-inline: 0;
}
@media (min-width: 741px)  { .js .site-header { --hdr-inset: 20px; --hdr-gutter: 56px; } }
@media (min-width: 961px)  { .js .site-header { --hdr-gutter: 72px; } }
@media (min-width: 1191px) { .js .site-header { --hdr-gutter: 112px; } }
/* 未滚动时，内容宽度和原来的 .shell 完全一致 */
.js .site-header:not(.is-scrolled) .header-inner { width: calc(100% + 2 * var(--hdr-inset) - var(--hdr-gutter)); margin-top: -6px; }
.header-inner { min-height: 64px; }
.brand { letter-spacing: -.03em; }

/* FAQ 卡片沿用全站毛玻璃卡片样式，覆盖基础样式中的不透明背景 */
.faq-item {
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  overflow: hidden;
}
.faq-item summary { background: transparent; }

@media (prefers-reduced-motion: no-preference) {
  .site-header { animation: ds-header-in .5s cubic-bezier(.2, .7, .2, 1) backwards; }
}
@keyframes ds-header-in {
  from { opacity: 0; transform: translate3d(0, -14px, 0); }
  to   { opacity: 1; transform: none; }
}

/* 导航高亮胶囊跟随鼠标滑动（由 ds-theme.js 控制，只改 transform） */
.nav-link { border-radius: 999px; padding: 8px 16px; font-size: 13.5px; color: var(--muted); }
.nav-link:hover { color: var(--heading); }
.nav-link.is-current { background: var(--accent-soft); color: var(--heading); font-weight: 600; }
.site-nav.ds-nav-ready { position: relative; }
.ds-nav-ready .nav-link { position: relative; z-index: 1; }
.ds-nav-ready .nav-link.is-current,
.ds-nav-ready .nav-link:hover { background: transparent; }
.nav-indicator {
  position: absolute; top: 0; left: 0; z-index: 0;
  width: 1px; height: 1px;
  border-radius: 999px; background: var(--accent-soft);
  opacity: 0; pointer-events: none;
  transform-origin: 0 0;
  transition: transform .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1), opacity .2s ease;
}

.icon-button, .language-switch { border-radius: 999px; }
.lang-menu-list {
  border-radius: 14px;
  background: var(--menu-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-edge), var(--glass-shadow);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.js .site-nav { border-radius: 16px; }
@media (max-width: 740px) { .js .site-nav { background-color: var(--menu-bg); } }

/* 向下滚动后，顶栏收缩成居中的药丸（类似 iPhone 灵动岛） */
.js .site-header .header-inner {
  position: relative;
  isolation: isolate;
  border-radius: 999px;
  transition: max-width .45s cubic-bezier(.32, .72, 0, 1), width .45s cubic-bezier(.32, .72, 0, 1),
              min-height .45s cubic-bezier(.32, .72, 0, 1), margin-top .45s cubic-bezier(.32, .72, 0, 1),
              padding .45s cubic-bezier(.32, .72, 0, 1), gap .45s ease;
}
.js .site-header .header-inner:before {
  content: "";
  position: absolute; inset: 0; z-index: -1;
  border-radius: inherit;
  border: 1px solid var(--glass-border);
  background-color: var(--pill-bg);
  box-shadow: var(--glass-edge), var(--glass-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}
.js .site-header.is-scrolled { pointer-events: none; }
.js .site-header.is-scrolled .header-inner { pointer-events: auto; }
.js .site-header.is-scrolled .header-inner:before { opacity: 1; }
.brand img { transition: transform .45s cubic-bezier(.32, .72, 0, 1); transform-origin: left center; }

@media (min-width: 741px) {
  /* 顶栏占位高度固定，收缩时页面内容不会跳动 */
  .js .site-header { height: 65px; }
  .js .site-header.is-scrolled .header-inner {
    width: 100%;
    max-width: 980px;
    min-height: 52px;
    margin-top: 0;
    padding-inline: 14px;
    gap: 14px;
  }
  .js .site-header.is-scrolled .brand img { transform: scale(.88); }
  .js .site-header.is-scrolled .header-cta { padding: 7px 15px; }
}

/* 手机端：同样收缩成药丸（品牌名保持可见） */
@media (max-width: 740px) {
  .js .site-header { height: 61px; }
  .js .site-header .header-inner { min-height: 60px; flex-wrap: nowrap; }
  .js .site-header.is-scrolled .header-inner {
    width: 100%;
    max-width: 1000px;
    min-height: 46px;
    margin-top: 1px;
    padding-inline: 12px;
    gap: 8px;
  }
  .js .site-header.is-scrolled .brand img { transform: scale(.9); }
  .js .site-header.is-scrolled .header-tools { gap: 6px; }
  .js .site-header.is-scrolled .header-tools .icon-button { width: 34px; height: 34px; }
}

/* ================= 两个下载按钮：同一个颜色 ================= */
.header-cta,
.button-primary {
  background-color: var(--btn-bg);
  color: var(--btn-fg);
  border-color: transparent;
  border-radius: 999px;
  font-weight: 650;
}
.header-cta { padding: 9px 18px; }
.header-cta:hover,
.button-primary:hover,
.button-primary:focus-visible { background-color: var(--btn-bg-hover); color: var(--btn-fg); }
.button, .button-secondary { border-radius: 999px; }

/* ================= 标题与小标签 ================= */
.hero-headline, h1 { letter-spacing: -.035em; }
.section-heading h2 { letter-spacing: -.02em; }
.section-kicker {
  display: inline-flex; align-items: center;
  padding: 3px 12px; border: 1px solid var(--border); border-radius: 999px;
  background: var(--accent-soft); color: var(--accent-text);
  font-size: 12px; line-height: 1.7;
}

/* ================= 卡片：全部统一为同一种毛玻璃 ================= */
.feature-card, .download-card, .help-card, .panel,
.about-card, .about-card-1, .author-panel, .screenshot-card, .wallpaper-card,
.release-card, .quick-nav, .page-title-row, .checksum-card, .disclaimer-panel,
.email-card, .community-card, .contact-card, .coolapk-card, .faq-item {
  background-color: var(--glass-bg);
  border-color: var(--glass-border);
  box-shadow: var(--glass-edge), var(--glass-shadow);
  border-radius: var(--radius);
}
.notice, .language-highlight { border-radius: var(--radius); }

@media (prefers-reduced-motion: no-preference) {
  .feature-card, .download-card, .help-card {
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
  .feature-card:hover, .download-card:hover, .help-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--glass-edge), var(--shadow-hover);
  }
}


/* 以下对"减少透明度"偏好的用户：回到纯色，不用模糊 */
@media (prefers-reduced-transparency: reduce) {
  :root, html[data-theme=dark] {
    --header-bg: var(--bg);
    --glass-bg: var(--surface);
    --glass-bg-soft: var(--surface-soft);
    --menu-bg: var(--surface);
  }
  body:before { display: none; }
  .js .site-header .header-inner:before { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: var(--surface); }
  .lang-menu-list { -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* ================= iOS / iPadOS Safari 26：透明状态栏 =================
   实测：只要顶栏（粘性元素）本身宽度 ≥ 视口 90%，Safari 就会把状态栏涂成实色；
   DeepSeek 官网的顶栏外框只有 88% 宽，所以状态栏是透明模糊的。
   这里把外层 .site-header 的盒子缩到 50% 宽，里面的药丸用视口宽度撑开并居中，
   视觉上和原来完全一样，但 Safari 不再把它当成"顶部工具栏"。 */
@supports (-webkit-touch-callout: none) {
  .js .site-header { width: 50%; }
  .js .site-header .header-inner {
    position: relative;
    left: 50%;
    margin-inline: 0;
    transform: translateX(-50%);
  }
  .js .site-header:not(.is-scrolled) .header-inner { width: calc(100vw - var(--hdr-gutter)); max-width: var(--shell); }
  .js .site-header.is-scrolled .header-inner { width: calc(100vw - 2 * var(--hdr-inset)); }
}

/* ================= 修复：缩小/变矮窗口（或系统缩放 125%/150%）时首页 UI 崩坏 =================
   原因：桌面端首屏预览卡片的宽度是用“视口高度”算出来的——
     width: min(100%, calc((var(--fs-hero-h) - 180px) * 16 / 9))
   窗口一变矮（或 Windows 缩放导致 CSS 视口高度变小），这个值会缩到很小甚至 ≤0，
   卡片被压成一小块，而里面的版本标签（V0.0.1 / V1.5.0 …，nowrap + max-content）撑不下，
   于是溢出卡片、整页出现横向滚动条。
   修法：① 给卡片宽度加下限；② 视口高度不够时不再按高度锁定首屏；
        ③ 版本标签允许换行；④ 兜底禁止页面横向溢出。 */

/* ① 宽度下限：永远不超过所在列（min 100%），也不会小于 360px */
@media (min-width: 961px) {
  .home-first-screen .hero-visual {
    width: min(100%, max(360px, calc((var(--fs-hero-h) - 180px) * 16 / 9)));
  }
}

/* ② 视口高度不足（矮窗口 / 高缩放比）：恢复自然流式布局，首屏不再强行塞进一屏 */
@media (min-width: 961px) and (max-height: 760px) {
  .home-first-screen,
  .home-first-screen > .hero,
  .home-first-screen > .hero > .hero-grid { min-height: 0; flex: 0 0 auto; }
  .home-first-screen > .hero > .hero-grid { padding-block: 40px 36px; }
  .home-first-screen > .quick-nav { margin-bottom: 24px; padding-block: 16px; }
  .home-first-screen .hero h1 { font-size: clamp(46px, 5.18vw, 78px); }
  .home-first-screen .hero-headline { font-size: clamp(20px, 2.32vw, 34px); }
  .home-first-screen .hero-actions { margin-top: 24px; }
  .home-first-screen .hero-actions .button { min-height: 46px; }
  .home-first-screen .hero-visual { width: 100%; justify-self: stretch; }
}

/* 手机横屏等“很矮”的情况：同样不要按高度压缩得过小 */
@media (max-width: 740px) and (max-height: 560px) {
  .home-first-screen > .hero { min-height: 0; }
  .home-first-screen .hero h1 { font-size: clamp(40px, 10.7vw, 64px); }
  .home-first-screen .hero-headline { font-size: clamp(20px, 5.25vw, 30px); }
}

/* ③ 版本标签：放不下就换行（居中），绝不撑出卡片 */
.preview-controls {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  box-sizing: border-box;
}
.preview-tab { flex: 1 1 auto; min-width: 0; }

/* 卡片内部元素都允许收缩，避免把父级撑宽 */
.hero-grid > *, .hero-visual, .desktop-frame, .hero-picture { min-width: 0; max-width: 100%; }
.desktop-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ④ 兜底：任何元素意外溢出时，也不出现横向滚动条
   （用 clip 而不是 hidden，不会破坏 position: sticky 的顶栏） */
@supports (overflow: clip) {
  html, body { overflow-x: clip; }
}

/* =====================================================================
   全站：统一字体 + 统一按钮配色（中文、繁中、英、日、韩、西、俄）
   选择器用 html[lang]（所有页面都有 lang 属性），优先级与之前只针对中文时相同。
   还原：删掉本段即可。
   ===================================================================== */

/* ---------- 一、字体 ----------
   Windows → 微软雅黑；macOS / iOS → 系统默认（英文 San Francisco + 中文苹方）。
   原来的问题有两个：
   1) 页面里大量小标签（kicker、编号、页脚版本、图注等）用的是等宽字体栈
      "SFMono-Regular, Consolas, monospace"，这些字体没有中文字形，
      中文会掉到浏览器默认的回退字体（Windows 上常是宋体），于是和正文不一致；
   2) 正文栈里 "Segoe UI" 排在微软雅黑前面，Windows 上英文数字用 Segoe UI、
      中文用雅黑，两种字体混在一起。
   这里把 --font 改成不含 Segoe UI 的栈，并让 --mono 直接等于 --font。 */
/* 每种语言各用自己系统的默认界面字体；所有语言的 --mono 都等于 --font */
html[lang] { --mono: var(--font); }
html[lang="zh-CN"] {
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei",
          "Microsoft YaHei UI", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
}
html[lang="zh-TW"] {
  --font: -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei",
          "Microsoft JhengHei UI", "Noto Sans CJK TC", "Source Han Sans TC", sans-serif;
}
html[lang="ja"] {
  --font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN",
          "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Meiryo", "Noto Sans CJK JP",
          "Source Han Sans JP", sans-serif;
}
html[lang="ko"] {
  --font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic",
          "Noto Sans CJK KR", "Source Han Sans KR", sans-serif;
}
html[lang="en"], html[lang="es"], html[lang="ru"] {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
          "PingFang SC", "Microsoft YaHei", sans-serif;
}
html[lang] body,
html[lang] button,
html[lang] input,
html[lang] select,
html[lang] textarea { font-family: var(--font); }

/* 唯一保留等宽字体的地方：校验值（哈希）和代码（所有语言一致）。
   用各系统自带的等宽字体（Windows: Consolas；macOS: SF Mono / Menlo），
   这样 0/O、1/l 容易分辨，核对校验值时不会看错。 */
html[lang] code,
html[lang] kbd,
html[lang] samp,
html[lang] pre,
html[lang] .hash-row code {
  font-family: Consolas, "SF Mono", SFMono-Regular, Menlo, "Microsoft YaHei", monospace;
}

/* ---------- 二、按钮配色（按类型） ----------
   1. 主要按钮  深色实心          获取 BYDJ PE / 立即下载 / 发送邮件 / 顶栏“下载 PE” / 确认类
   2. 次要按钮  半透明玻璃 + 细边   查看使用指南 / 现在去阅读 / 语言切换 / 主题切换 / 复制 / 返回顶部 / 关闭
      （悬停 → 浅黄，和“展开中的语言菜单”“已复制”同一种黄）
   3. 弱提示按钮 浅黄色底           去了解 / 想确认更多历史版本壁纸？点此
      （悬停 → 加深一点黄）
   4. 切换标签  选中 → 浅黄          PE 预览的版本标签
   5. 文字按钮  无底色              展开全部更新 / 复制群号
   全部使用主题变量，白天 / 夜间自动适配。 */
html[lang] {
  --btn-primary-bg: var(--btn-bg);
  --btn-primary-bg-hover: var(--btn-bg-hover);
  --btn-primary-fg: var(--btn-fg);

  --btn-neutral-bg: var(--glass-bg);
  --btn-neutral-border: var(--glass-border);
  --btn-neutral-bg-hover: var(--accent-soft);
  --btn-neutral-border-hover: var(--notice-border);

  --btn-soft-bg: var(--accent-soft);
  --btn-soft-bg-hover: color-mix(in srgb, var(--accent) 42%, transparent);
  --btn-soft-border: var(--notice-border);
}

/* 1. 主要按钮：白天深色底浅字，夜间浅色底深字（取自 --btn-*）。
      原来夜间模式下 .button-primary 被另一条规则写死成固定色，
      悬停也不变化，并且和顶栏 header-cta 不一致，这里统一。 */
html[lang] .button-primary,
html[lang] .header-cta {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-fg);
  border-color: transparent;
}
html[lang] .button-primary:hover,
html[lang] .button-primary:focus-visible,
html[lang] .header-cta:hover,
html[lang] .header-cta:focus-visible {
  background-color: var(--btn-primary-bg-hover);
  color: var(--btn-primary-fg);
}

/* 2. 次要按钮 / 图标按钮 / 复制 / 语言 / 返回顶部 / 关闭：同一套玻璃底
      （图片查看器里的按钮在深色浮层上，保持原样，所以排除 lightbox-*） */
html[lang] .button-secondary,
html[lang] .icon-button:not([class*="lightbox-"]),
html[lang] .language-switch,
html[lang] .back-top,
html[lang] .copy-button,
html[lang] .koala-ad-close,
html[lang] .nv-close {
  background-color: var(--btn-neutral-bg);
  border-color: var(--btn-neutral-border);
  color: var(--heading);
}
html[lang] .button-secondary:hover,
html[lang] .button-secondary:focus-visible,
html[lang] .icon-button:not([class*="lightbox-"]):hover,
html[lang] .language-switch:hover,
html[lang] .back-top:hover,
html[lang] .copy-button:hover,
html[lang] .koala-ad-close:hover,
html[lang] .nv-close:hover {
  background-color: var(--btn-neutral-bg-hover);
  border-color: var(--btn-neutral-border-hover);
  color: var(--heading);
}
/* “已复制”“菜单展开”这类状态保持浅黄（放在后面，优先级更高） */
html[lang] .copy-button.is-copied,
html[lang] .group-copy.is-copied,
html[lang] .lang-menu.is-open .lang-menu-button {
  background-color: var(--btn-soft-bg);
  border-color: var(--btn-soft-border);
  color: var(--accent-text);
}

/* 3. 弱提示按钮：统一浅黄。
      原来 .button-subtle 是白色玻璃（和次要按钮几乎一样），
      而“更多历史版本壁纸”那个又单独写成黄色，两种长相混用。 */
html[lang] .button-subtle,
html[lang] .download-utilities .button-subtle,
html[lang] .version-more .button {
  background-color: var(--btn-soft-bg);
  border: 1px solid var(--btn-soft-border);
  color: var(--heading);
}
html[lang] .button-subtle:hover,
html[lang] .button-subtle:focus-visible,
html[lang] .download-utilities .button-subtle:hover,
html[lang] .version-more .button:hover,
html[lang] .version-more .button:focus-visible {
  background-color: var(--btn-soft-bg-hover);
  color: var(--heading);
}

/* 4. 版本标签：选中态原来是写死的半透明黄（夜间会偏亮），改用主题里的浅黄 */
html[lang] .preview-tab.is-active {
  background: var(--btn-soft-bg);
  color: var(--heading);
}

/* 5. 文字按钮：不要底色 */
html[lang] .text-button,
html[lang] .expand-releases,
html[lang] .group-copy:not(.is-copied) {
  background: transparent;
  border: 0;
}

/* ================= 主题与浏览器“强制深色” =================
   日间模式声明为 only light，夜间模式声明为 dark：本页自己负责配色，
   Edge / Chrome 手机端的“网页强制深色”不会再把日间模式涂黑。 */
html[data-theme="light"] { color-scheme: only light; }
html[data-theme="dark"]  { color-scheme: dark; }