.profile{--rank:#176ce8;--rank-soft:#eef6ff;background:linear-gradient(135deg,#fff 4%,color-mix(in srgb,var(--rank-soft) 72%,#fff) 48%,color-mix(in srgb,var(--rank) 16%,#fff))!important;border-color:color-mix(in srgb,var(--rank) 38%,#dce8fb)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--rank) 14%,transparent)!important;transition:background .45s ease,border-color .45s ease,box-shadow .45s ease}.profile .avatar{background:color-mix(in srgb,var(--rank) 18%,#fff)!important;color:var(--rank);box-shadow:0 7px 20px color-mix(in srgb,var(--rank) 18%,transparent)}.profile .pstat b{color:var(--rank)!important}
.rankTitle{display:inline-flex;align-items:center;gap:6px;margin:4px auto 2px;padding:6px 10px;border-radius:999px;background:var(--rank-soft);color:var(--rank);border:1px solid color-mix(in srgb,var(--rank) 30%,transparent);font-size:10px;font-weight:900;cursor:pointer;font-family:inherit}.rankTitle:focus-visible{outline:3px solid color-mix(in srgb,var(--rank) 28%,transparent);outline-offset:2px}
.rankProgress{height:6px;margin:12px 4px 0;background:rgba(255,255,255,.78);border-radius:999px;overflow:hidden}.rankProgress i{display:block;height:100%;width:0;background:var(--rank);border-radius:inherit;transition:width .6s ease}.rankNext{margin-top:5px!important;font-size:9px!important}
html[data-jwq-theme="dark"] .profile{background:linear-gradient(135deg,#101d33 8%,color-mix(in srgb,var(--rank) 14%,#14243b) 58%,color-mix(in srgb,var(--rank) 27%,#101d33))!important}.rankDialog{width:min(420px,calc(100% - 28px));max-height:min(80vh,680px);border:1px solid #dce8fb;border-radius:22px;padding:0;background:#fff;color:#11214a;box-shadow:0 24px 70px rgba(17,33,74,.25)}.rankDialog::backdrop{background:rgba(11,25,51,.46);backdrop-filter:blur(4px)}.rankDialogHead{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:17px 18px 12px;background:inherit;border-bottom:1px solid #e7eef8}.rankDialogHead h2{margin:0;font-size:19px}.rankClose{width:34px;height:34px;border:0;border-radius:50%;background:#eef4fc;color:#365070;font-size:20px}.rankList{display:grid;gap:9px;padding:14px 16px 18px}.rankItem{--item-rank:#176ce8;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e1eaf6;border-radius:15px;background:#f8fbff}.rankItem.earned{border-color:color-mix(in srgb,var(--item-rank) 35%,#dce8fb);background:color-mix(in srgb,var(--item-rank) 7%,#fff)}.rankItem.current{border-width:2px;box-shadow:0 8px 20px color-mix(in srgb,var(--item-rank) 15%,transparent)}.rankItemIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--item-rank) 13%,#fff);font-size:18px}.rankItem b{display:block;color:var(--item-rank);font-size:12px}.rankItem small{display:block;margin-top:3px;color:#6b7990;font-size:9px}.rankState{font-size:9px;font-weight:900;color:var(--item-rank);white-space:nowrap}.rankUnlock{animation:rankPop .7s ease}@keyframes rankPop{50%{transform:scale(1.04);box-shadow:0 14px 36px color-mix(in srgb,var(--rank) 25%,transparent)}}@media(prefers-color-scheme:dark){html:not([data-jwq-theme="light"]) .rankDialog{background:#14243b;color:#edf5ff;border-color:#304a6b}html:not([data-jwq-theme="light"]) .rankItem{background:#101d33;border-color:#304a6b}html:not([data-jwq-theme="light"]) .rankItem.earned{background:color-mix(in srgb,var(--item-rank) 13%,#101d33)}html:not([data-jwq-theme="light"]) .rankItem small{color:#a9b9cf}}html[data-jwq-theme="dark"] .rankDialog{background:#14243b;color:#edf5ff;border-color:#304a6b}html[data-jwq-theme="dark"] .rankItem{background:#101d33;border-color:#304a6b}html[data-jwq-theme="dark"] .rankItem.earned{background:color-mix(in srgb,var(--item-rank) 13%,#101d33)}html[data-jwq-theme="dark"] .rankItem small{color:#a9b9cf}@media(prefers-reduced-motion:reduce){.rankUnlock{animation:none}}