/* 所有前台页面共享主题，导航和内容保持同一配色。 */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body {
    --surface: #192335;
    --surface-muted: #222f44;
    --text: #e3eaf5;
    --text-secondary: #a6b4cb;
    --border: #2b3a50;
    --accent: #7ea2ff;
    background: #101927;
    color: var(--text);
}
html[data-theme="dark"] body > header { background: #162237; border-color: var(--border); }
html[data-theme="dark"] body > header p { color: var(--text-secondary); }
html[data-theme="dark"] .top-nav { border-color: var(--border); }
html[data-theme="dark"] .top-nav .nav-list a { color: var(--text-secondary); }
html[data-theme="dark"] .top-nav .nav-list a.active,
html[data-theme="dark"] .top-nav .nav-list a:hover { color: var(--accent); }
html[data-theme="dark"] .nav-search input:focus { background: var(--surface); }
html[data-theme="dark"] main .about,
html[data-theme="dark"] main .article,
html[data-theme="dark"] main .article-item,
html[data-theme="dark"] main .category-head,
html[data-theme="dark"] main .result-group,
html[data-theme="dark"] main .search-box,
html[data-theme="dark"] main .project-card,
html[data-theme="dark"] main .project-hero,
html[data-theme="dark"] main .section,
html[data-theme="dark"] main .drive,
html[data-theme="dark"] main .nav-category,
html[data-theme="dark"] main .nav-link,
html[data-theme="dark"] main .content-page,
html[data-theme="dark"] main .password-generator,
html[data-theme="dark"] main .toc,
html[data-theme="dark"] main .empty,
html[data-theme="dark"] main .empty-state { background: var(--surface); border-color: var(--border); color: var(--text); }
html[data-theme="dark"] main h1,
html[data-theme="dark"] main h2,
html[data-theme="dark"] main h3,
html[data-theme="dark"] main h4,
html[data-theme="dark"] main p,
html[data-theme="dark"] main li,
html[data-theme="dark"] main label { color: var(--text); }
html[data-theme="dark"] main input,
html[data-theme="dark"] main select,
html[data-theme="dark"] main textarea { background: var(--surface-muted); border-color: var(--border); color: var(--text); }
html[data-theme="dark"] main .filters a,
html[data-theme="dark"] main .category-tabs a,
html[data-theme="dark"] main .project-links a,
html[data-theme="dark"] main .social-links a,
html[data-theme="dark"] main .actions a:not(.primary),
html[data-theme="dark"] main .pagination-wrap a,
html[data-theme="dark"] main .pagination-wrap span:not(.current),
html[data-theme="dark"] main .download-links a { background: var(--surface-muted); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] main .article-item a,
html[data-theme="dark"] main .result-item a,
html[data-theme="dark"] main .file-table a,
html[data-theme="dark"] main .mobile-title a,
html[data-theme="dark"] main .markdown-body { color: var(--text); }
html[data-theme="dark"] main table th,
html[data-theme="dark"] main table td,
html[data-theme="dark"] main .drive-top,
html[data-theme="dark"] main .drive-tools,
html[data-theme="dark"] main .mobile-item { background: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] main .file-table tr:hover td,
html[data-theme="dark"] main .markdown-body pre,
html[data-theme="dark"] main .markdown-body code,
html[data-theme="dark"] main .related-box,
html[data-theme="dark"] main .password-generator .result { background: var(--surface-muted); color: var(--text); }