/* 账号页皮肤选择器：叠在主题 CSS 之后，用主题变量配色，色块本身固定以免被当前皮肤染色。 */
.skin-picker{margin:22px 0 8px}
.skin-picker .h2{margin-bottom:6px}
.skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.skin-card{position:relative;display:flex;flex-direction:column;gap:8px;margin:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff);cursor:pointer;font-weight:750;font-size:.8rem}
.skin-card:hover{border-color:var(--green)}
.skin-card:has(input:checked){border-color:var(--green);box-shadow:0 0 0 3px var(--soft)}
.skin-card input{position:absolute;opacity:0;pointer-events:none}
.skin-swatch{display:block;height:42px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:linear-gradient(135deg,var(--s1) 0 54%,var(--s2) 54% 78%,var(--s3) 78%)}
.skin-swatch.default{--s1:#f5f6f1;--s2:#176b4a;--s3:#ffffff}
.skin-swatch.aurora{--s1:#0b1015;--s2:#2fd8a2;--s3:#7c6cf0}
.skin-swatch.washi{--s1:#f6f1e6;--s2:#b5432e;--s3:#2b2620}
.skin-swatch.mono{--s1:#f2f2ee;--s2:#101010;--s3:#2244e0}
.skin-swatch.lagoon{--s1:#f6f8fb;--s2:#4f5ee8;--s3:#22a9c9}
.skin-swatch.zen{--s1:#fafaf8;--s2:#1e1d1a;--s3:#a3762d}
.skin-swatch.candy{--s1:#fff8f1;--s2:#ff6f7d;--s3:#8f74e8}
.skin-swatch.terminal{--s1:#070c08;--s2:#3dfc8b;--s3:#0b130d}
.skin-name{color:var(--ink);line-height:1.3}
@media(max-width:640px){.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}