/* ========================================================= Telegram · 深浅色主题 通过 [data-theme="dark"] 在 上切换。 变量均继承 telegram.css 中的 :root 定义,这里仅做 override。 ========================================================= */ [data-theme="dark"] { --tgz-bg: #17212D; --tgz-bg-alt: #0E1621; --tgz-bg-elev: #1C2733; --tgz-fg: #E9EEF5; --tgz-fg-muted: #A1A9B8; --tgz-fg-subtle: #6C7689; --tgz-link: #4DCBFF; --tgz-link-hover: #82DAFF; --tgz-border: #243140; --tgz-border-strong: #37455A; --tgz-brand: #4DCBFF; --tgz-brand-dark: #229ED9; --tgz-brand-soft: #15212C; --tgz-disc-bg: #2A1E07; --tgz-disc-fg: #FFCB6B; --tgz-disc-bd: #5C4014; --tgz-shadow-1: 0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3); --tgz-shadow-2: 0 4px 14px rgba(0,0,0,.5), 0 10px 24px rgba(0,0,0,.4); --tgz-shadow-3: 0 14px 28px rgba(77,203,255,.18); } /* 跟随系统 */ @media (prefers-color-scheme: dark) { html:not([data-theme]) { color-scheme: dark; --tgz-bg: #17212D; --tgz-bg-alt: #0E1621; --tgz-bg-elev: #1C2733; --tgz-fg: #E9EEF5; --tgz-fg-muted: #A1A9B8; --tgz-fg-subtle: #6C7689; --tgz-link: #4DCBFF; --tgz-link-hover: #82DAFF; --tgz-border: #243140; --tgz-border-strong: #37455A; --tgz-brand: #4DCBFF; --tgz-brand-soft: #15212C; --tgz-disc-bg: #2A1E07; --tgz-disc-fg: #FFCB6B; --tgz-disc-bd: #5C4014; --tgz-code-bg: #1A2330; } } /* 暗色模式下的微调 */ [data-theme="dark"] .tgz-hero__title { letter-spacing: -.5px; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; } } /* ========================================================= Telegram下载官网 · 2026 增强样式 用于增强 SEO 体验与可读性,不改变现有结构与图片。 ========================================================= */ /* 主色按钮轻微加深,增强 CTA 转化 */ .tgz-btn--primary { background: linear-gradient(135deg, #2AABEE 0%, #229ED9 100%); box-shadow: 0 4px 12px rgba(42,171,238,.28); } .tgz-btn--primary:hover { background: linear-gradient(135deg, #229ED9 0%, #1A7FB0 100%); box-shadow: 0 6px 18px rgba(42,171,238,.40); } /* 下载卡片视觉增益(不改变布局) */ .tgz-dl-card { transition: transform .25s ease, box-shadow .25s ease; } .tgz-dl-card:hover { transform: translateY(-3px); box-shadow: var(--tgz-shadow-2); } /* H1 / H2 标题加粗提示层级 */ .tgz-h2 { position: relative; padding-left: 14px; } .tgz-h2::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 22px; background: var(--tgz-brand); border-radius: 2px; } [data-theme="dark"] .tgz-h2::before { background: var(--tgz-brand); } /* 让代码块在暗色模式更柔和 */ [data-theme="dark"] code { background: var(--tgz-code-bg, #1A2330); color: #E9EEF5; } /* SEO 增强:链接默认下划线在内容区更明显 */ .tgz-content a { color: var(--tgz-link); text-decoration: underline; text-underline-offset: 2px; } .tgz-content a:hover { color: var(--tgz-link-hover); text-decoration: none; } /* 信任徽章(若页面使用 tgz-trust 类) */ .tgz-trust { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: var(--tgz-brand-soft); color: var(--tgz-link); border-radius: var(--tgz-r-full); font-size: 12px; font-weight: 600; } [data-theme="dark"] .tgz-trust { background: var(--tgz-brand-soft); color: #82DAFF; }