.appearance-trigger{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:5px 10px;border:1px solid #bd9b5066;border-radius:7px;background:#10291e;color:#e5cc91;font:12px var(--font-sans,sans-serif);cursor:pointer;white-space:nowrap;flex-shrink:0}
.appearance-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.appearance-auth{position:fixed;right:24px;top:22px;z-index:120}
.appearance-menu{position:fixed;z-index:10050;width:224px;padding:9px;background:#11261c;border:1px solid #a98a4966;border-radius:12px;box-shadow:0 14px 45px #0005;color:#eadab4;font-family:var(--font-sans,sans-serif)}
.appearance-menu[hidden]{display:none!important}.appearance-heading{padding:7px 10px 10px;font-size:12px;color:#a8b79e}
.appearance-menu button{width:100%;display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;text-align:left;padding:10px;cursor:pointer;font:14px var(--font-sans,sans-serif)}
.appearance-menu button[aria-checked=true]{background:#243c2a;border-color:#b3944d77}.appearance-menu strong{display:block;font-weight:600;letter-spacing:1px}.appearance-menu small{display:block;font-size:11px;color:#a8b79e;margin-top:4px}.appearance-check{margin-left:auto;visibility:hidden;color:#e6bc61}.appearance-menu [aria-checked=true] .appearance-check{visibility:visible}
.appearance-swatch{width:32px;height:32px;border-radius:50%;border:1px solid #ba9e5c;flex-shrink:0}.appearance-swatch.dark{background:linear-gradient(135deg,#092017 55%,#d9b15b 56%)}.appearance-swatch.light{background:linear-gradient(135deg,#f6f2e7 55%,#447556 56%)}
.appearance-trigger:focus-visible,.appearance-menu button:focus-visible{outline:2px solid #c39a43;outline-offset:2px}
html[data-theme=light] .appearance-trigger{background:#f5f6ed;color:#36543b;border-color:#c7d2ba}
html[data-theme=light] .appearance-menu{background:#fffdf7;color:#284733;border-color:#cbd5bd;box-shadow:0 14px 40px #27452b22}
html[data-theme=light] .appearance-menu button[aria-checked=true]{background:#e9eedf;border-color:#c6d1b7}
html[data-theme=light] .appearance-menu small,html[data-theme=light] .appearance-heading{color:#66775c}html[data-theme=light] .appearance-check{color:#806020}
@media(max-width:700px){.appearance-auth{top:16px;right:16px}.appearance-trigger{padding:5px 8px;min-height:32px;font-size:11px}.appearance-nav svg{width:14px;height:14px}}
@media print{.appearance-trigger,.appearance-menu{display:none!important}}
/* 文档指定：邀请、接受和动态棋谱生成按钮使用浅色底，避免金色按钮在不同主题中抢焦点。 */
.invite-btn-sm:not(:disabled),
.invite-btn-sm.ai-btn:not(:disabled) { background: var(--paper2); color: var(--green); border: 1px solid var(--green); }
.invite-btn-sm:not(:disabled):hover,
.invite-btn-sm.ai-btn:not(:disabled):hover { background: var(--paper); color: var(--green2); }
html[data-theme="light"] :is(.dynamic-generate-btn) { background: var(--green2) !important; background-image: none !important; border-color: var(--green2) !important; color: var(--paper) !important; }
html[data-theme="light"] #profile-source-content :is(.profile-source-link-label, input, .profile-source-read-btn) { color: #284733 !important; }
html[data-theme="light"] #profile-source-content input { background: #fffdf8 !important; border-color: #bdcbc2 !important; }
html[data-theme="light"] #profile-source-content .profile-source-read-btn { background: #1e6248 !important; border-color: #1e6248 !important; color: #fffdf8 !important; }
html[data-theme="light"] .batch-game-row strong { color: #284733 !important; }
html[data-theme="light"] .batch-game-row small { color: #526b5e !important; }