/* Interface typography and theme. Uploaded artwork retains its original colors. */
:root { --font: "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", "PingFang SC", "Noto Sans CJK SC", sans-serif; }
body, button, input, select, textarea { font-family: var(--font); }
.home-toolbar { width: min(660px, calc(100% - 44px)); }
.home-search-form input { font-size: 15px; }
.orbit-center h1 { font-weight: 700; letter-spacing: .04em; }
.orbit-tool strong { font-weight: 700; }
.home-theme-toggle { flex-shrink: 0; padding: 0 13px; border: 1px solid rgb(133 47 49 / 24%); border-radius: 22px; background: rgb(255 252 248 / 65%); backdrop-filter: blur(12px); color: #702329; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.home-theme-toggle:focus-visible { outline: 2px solid #b96b59; outline-offset: 3px; }
.home-background-controls { order: 1; }
.home-theme-toggle { order: 2; }
/* Keep daytime text crisp on translucent controls and moving backgrounds. */
:root[data-theme="light"] .orbit-page { --day-ink: #211c19; --day-accent: #621b22; --day-text-shadow: 0 1px 1px rgb(255 255 255 / 95%), 0 0 2px rgb(255 255 255 / 80%); }
[data-theme="light"] :is(.home-search-form input,.home-search-form button,.home-search-form kbd,.home-search-results a,.office-link,.home-background-form input,.home-background-add select,.home-halo-controls,.home-halo-hex,.home-background-choice-label) { color: var(--day-ink); }
[data-theme="light"] .home-search-form input::placeholder { color: #38302b; opacity: 1; }
[data-theme="light"] .home-background-form input::placeholder { color: #51443b; opacity: 1; }
[data-theme="light"] :is(.home-search-form input,.home-search-form kbd,.home-search-results a,.home-background-toggle,.home-theme-toggle,.office-link span,.home-background-choice-label,.home-halo-controls) { font-weight: 700; }
[data-theme="light"] :is(.home-background-toggle,.home-theme-toggle,.office-tab,.office-panel h2,.home-search-group,.home-background-heading h2) { color: var(--day-accent); font-weight: 700; }
[data-theme="light"] :is(.home-search-count,.home-background-status) { color: #51443b; font-weight: 600; }
[data-theme="light"] .orbit-center h1 { color: var(--day-accent); }
[data-theme="light"] .orbit-tool strong { color: var(--day-ink); text-shadow: none; }
[data-theme="light"] :is(.has-home-background,.has-animated-home-background) .orbit-tool strong { text-shadow: var(--day-text-shadow); }
[data-theme="light"] .orbit-page:has(.home-background-layer > video.home-background-media:not(.is-loading)) :is(.office-link span,.office-panel h2,.office-tab span) { text-shadow: 0 1px 1px rgb(255 255 255 / 75%); }
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #171a21; --bg-top: #1c2028; --bg-alt: #222630;
  --panel: #20242d; --panel-2: #262b35;
  --ink: #f1ede7; --ink2: #d0c9bf; --ink3: #aaa49c;
  --line: #3b3d43; --line2: #4d4f56; --line3: #30343c;
  --brand: #edb1a8; --brand-soft: #38272c; --brand-line: #654448;
}
[data-theme="dark"] body { background: #171a21; }
[data-theme="dark"] .orbit-page { color: #f1ede7; background: radial-gradient(ellipse at 50% 55%, #3b303038, transparent 65%), #171a21; }
[data-theme="dark"] .has-animated-home-background .home-background-layer { background: #171a21; }
[data-theme="dark"] .has-animated-home-background .home-background-layer::before { background: radial-gradient(ellipse at 12% 14%, #79384344, transparent 50%), radial-gradient(ellipse at 88% 84%, #9b773a33, transparent 50%), linear-gradient(135deg, #171a21, #28222a, #1d232b); }
[data-theme="dark"] .has-animated-home-background .home-background-layer::after { background: none; }
[data-theme="dark"] .orbit-center { background: linear-gradient(145deg, #303139, #211f26); border-color: #63504a; box-shadow: 0 15px 40px -20px #0009, 0 0 0 10px #e4b77b08; }
[data-theme="dark"] .orbit-page:has(.home-background-layer > video.home-background-media:not(.is-loading)) .orbit-center { background: transparent; border-color: transparent; box-shadow: none; }
[data-theme="dark"] .orbit-center h1 { color: #f8dfb5; text-shadow: 0 1px 4px #000, 0 0 12px #000a; }
[data-theme="dark"] .orbit-tool strong { color: #fff1de; text-shadow: 0 1px 4px #000, 0 0 10px #000c; }
[data-theme="dark"] .orbit-track { border-color: #bba58b38; }
[data-theme="dark"] .orbit-track-inner { border-color: #bba58b22; }
[data-theme="dark"] :is(.home-search-form,.home-background-toggle,.home-theme-toggle) { color: #f4dcc4; background: rgb(28 31 39 / 88%); border-color: #87726288; }
[data-theme="dark"] :is(.home-search-form input,.home-search-form button) { color: #fff1df; }
[data-theme="dark"] .home-search-form input::placeholder { color: #d0c5b8; }
[data-theme="dark"] .home-search-form kbd { color: #bcb3a9; }
[data-theme="dark"] :is(.home-search-results,.home-background-panel,.office-panel,.home-background-position-bar) { background: #20242dfa; border-color: #4e4643; color: #eee4d8; box-shadow: 0 12px 32px #0005; }
[data-theme="dark"] :is(.home-search-group,.home-background-heading h2,.office-panel h2,.home-halo-controls) { color: #f2d6b5; }
[data-theme="dark"] :is(.home-search-results a,.office-link) { color: #eee4d8; }
[data-theme="dark"] :is(.home-search-results a:hover,.office-link:hover,.office-tab:hover,.office-pin:hover) { background: #3a3335; }
[data-theme="dark"] :is(.home-search-count,.home-background-status) { color: #d1b9a0; }
[data-theme="dark"] .home-search-section + .home-search-section { border-color: #444047; }
[data-theme="dark"] :is(.office-tab,.office-pin,.home-background-close,.home-halo-reset,.home-background-position-bar button) { color: #f2d6b5; background: #292b33; border-color: #64564b; }
[data-theme="dark"] .office-pin[aria-pressed="true"] { background: #80504e; color: white; }
[data-theme="dark"] :is(.home-background-form input,.home-background-add select,.home-halo-hex) { color: #f3e8da; background: #151a22; border-color: #63534a; }
[data-theme="dark"] .home-background-form input::placeholder { color: #bdb2a7; }
[data-theme="dark"] :is(.home-background-add button,.home-background-position) { background: #9d5556; color: white; }
[data-theme="dark"] .home-background-choice[aria-pressed="true"] { box-shadow: 0 0 0 2px #e4b77b; }
[data-theme="dark"] .home-background-choice-label { color: #f7e9d7; background: #20242de8; }
[data-theme="dark"] .home-background-remove { color: #ffe3d4; background: #252831eb; }
[data-theme="dark"] .home-background-thumb.is-default { background: #171a21; }
[data-theme="dark"] .home-background-thumb.is-builtin { background: linear-gradient(135deg, #292029, #303137, #322a22); }
[data-theme="dark"] .home-background-thumb:is(.is-loading,.is-fallback)::before { color: #dccbb9; background: #30313a; }
[data-theme="dark"] :is(.sidebar,.topbar,.side-search,.tool-head,.tool-shell) { background: var(--panel); border-color: var(--line); }
[data-theme="dark"] .side-item:hover { background: var(--panel-2); }
@media (max-width: 520px) { .home-toolbar { gap: 6px; } .home-theme-toggle,.home-background-toggle { padding-inline: 9px; font-size: 13px; } .home-search-form { padding-right: 6px; gap: 3px; } }