.sw2{display:flex;gap:10px;flex-wrap:wrap}.swb{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.12);padding:0;position:relative;overflow:hidden;cursor:pointer;transition:.15s}.swb.on{border-color:#fff;box-shadow:0 0 0 3px rgba(var(--acr),.45)}.swb.cus{background:conic-gradient(#ff5d73,#e8bb4c,#3fd6a2,#5aa9ff,#b58cff,#ff5d73)}.swb.cus input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.belogo{width:64px;height:64px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:#000}.pkc{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.pkb{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px;border-radius:18px;border:1px solid var(--line2);background:#ffffff06;color:var(--txt);cursor:pointer;transition:.15s;font-family:inherit}.pkb.on{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac),0 10px 28px rgba(var(--acr),.2);background:rgba(var(--acr),.06)}.pkb .pv{display:flex;gap:2px;margin-top:4px}.pkb .pv svg{width:20%;height:auto;display:block;min-width:0}.pkb:not(:has(.pv svg)) .pv{display:none}
