:root[data-theme=slate]{color-scheme:dark;--bg:#171e24;--panel:#242c32;--text:#e6edf0;--muted:#a2b1bc;--line:#c6d8e318;--accent:#bdcbd5;--selected:#bdcbd516;--input:#1c242b;--shadow:#060c124a}
:root[data-theme=peacock]{color-scheme:dark;--bg:#0f2423;--panel:#163330;--text:#e3e9de;--muted:#a5bcb4;--line:#c2d8be1b;--accent:#d0c194;--selected:#d0c19416;--input:#102927;--shadow:#02130f4a}
:root[data-theme=wine]{color-scheme:dark;--bg:#24191f;--panel:#38232d;--text:#eee2e5;--muted:#bda6ae;--line:#e3c3cd1b;--accent:#d3adb3;--selected:#d3adb318;--input:#2b1c24;--shadow:#160a134a}
html:is([data-theme=slate],[data-theme=peacock],[data-theme=wine]) body{font-family:"Segoe UI","Microsoft YaHei",sans-serif}
html:is([data-theme=slate],[data-theme=peacock],[data-theme=wine]){--surface:var(--panel);--border:color-mix(in srgb,var(--accent) 20%,var(--panel));--gold:var(--accent)}
html:is([data-theme=slate],[data-theme=peacock],[data-theme=wine]) .primary-button{background:var(--accent);color:var(--bg);border-color:var(--accent)}
html:is([data-theme=slate],[data-theme=peacock],[data-theme=wine]) :is(.header-avatar,.vip-pill,.member-level,.design-badge){border-color:color-mix(in srgb,var(--accent) 28%,transparent)}
.website-skin-dialog{width:min(480px,calc(100vw - 30px));max-height:85dvh;overflow:auto;background:var(--panel);color:var(--text);padding:22px;border:1px solid var(--line);border-radius:14px;box-sizing:border-box}
.website-skin-dialog h2{font-size:18px;margin:0}.website-skin-dialog p{font-size:12px;color:var(--muted);line-height:1.6}
.website-skin-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.website-skin-options>button{min-width:0;border:1px solid var(--line);border-radius:9px;padding:9px;background:none;color:var(--text);font-size:12px}.website-skin-options>button[aria-pressed=true]{border-color:var(--accent);background:var(--selected)}
.website-skin-options i{display:block;position:relative;height:58px;background:var(--preview-panel);border:1px solid #ffffff20;border-radius:5px;margin-bottom:8px}.website-skin-options i b{position:absolute;inset:8px 7px auto;height:6px;background:var(--preview-accent);border-radius:2px;opacity:.8}.website-skin-options i em{position:absolute;right:7px;bottom:7px;width:32px;height:13px;background:var(--preview-accent);border-radius:3px}.website-skin-dialog>.primary-button{width:100%;font-size:12px}