/* 配色取自 App 的 css/app.css；下载页保留独立响应式布局。 */
:root {
  color-scheme: dark;
  --paper: #1a1a2e;
  --ink: #e8e8f0;
  --muted: #c6c9d8;
  --line: rgba(255, 255, 255, .14);
  --gold: #ffd200;
  --navy: #409eff;
  --card: #22223a;
  --standard-gradient: linear-gradient(135deg, #4facfe, #00c6fb);
  --indoor-gradient: linear-gradient(135deg, #667eea, #764ba2);
  --special-gradient: linear-gradient(135deg, #f093fb, #f5576c);
  --final-gradient: linear-gradient(135deg, #f7971e, #ffd200);
}
.brand, h1, h2, .platform-card > h3, .install-steps h3 { color: #fff; }
.brand-caption { color: #aab; }
.header-link { color: #c6c9d8; }
.header-link:hover { color: #fff; }
.hero-subtitle { color: #e8e8f0; }
.hero-description { color: #c6c9d8; }
.feature-tags span { border-color: transparent; font-weight: 600; }
.feature-tags span:nth-child(1) { background: var(--standard-gradient); color: #17263b; }
.feature-tags span:nth-child(2) { background: var(--final-gradient); color: #332800; }
.feature-tags span:nth-child(3) { background: var(--special-gradient); color: #34203a; }
.ring-outer { border-color: rgba(255, 255, 255, .14); }
.ring-middle { border-color: rgba(79, 172, 254, .45); }
.ring-inner { background: rgba(79, 172, 254, .08); border-color: #4facfe; }
.target-center { background: var(--final-gradient); border-color: #ffd200; }
.target-arrow, .target-arrow:before { background: #e8e8f0; }
.target-arrow:after { border-color: #e8e8f0; }
.target-label { color: #aab; }
.release-status { color: #ffd200; background: rgba(255, 210, 0, .08); border-color: rgba(255, 210, 0, .35); }
.release-status.available { color: #43e97b; background: rgba(67, 233, 123, .08); border-color: rgba(67, 233, 123, .35); }
.platform-card { background: var(--card); box-shadow: 0 12px 32px rgba(0, 0, 0, .16); position: relative; overflow: hidden; }
.windows-card, .mac-card { border-top-color: transparent; }
.platform-card:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.windows-card:before { background: var(--standard-gradient); }
.mac-card:before { background: var(--indoor-gradient); }
.windows-card .platform-icon { color: #4facfe; }
.mac-card .platform-icon { color: #a9b5ff; }
.platform-badge { color: #8dcfff; background: rgba(79, 172, 254, .12); }
.platform-badge.neutral { color: #c5bbef; background: rgba(118, 75, 162, .2); }
.download-option + .download-option { border-top-color: var(--line); }
.download-button.primary { background: var(--standard-gradient); border-color: transparent; color: #17263b; }
.mac-card .download-button.primary { background: var(--indoor-gradient); color: #fff; }
.download-button.secondary { background: rgba(64, 158, 255, .08); color: #8dcfff; border-color: rgba(64, 158, 255, .4); }
.mac-card .download-button.secondary { background: rgba(118, 75, 162, .12); color: #c5bbef; border-color: rgba(169, 181, 255, .35); }
a.download-button:hover { background: #409eff; color: #fff; }
.mac-card a.download-button:hover { background: #667eea; color: #fff; }
button.download-button:disabled,
.mac-card button.download-button:disabled { background: #33334e; color: #aab; border-color: rgba(255, 255, 255, .1); }
.site-footer { color: #aab; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline-color: #ffd200; }
@media(max-width:560px) { .target-art { opacity: .35; } }