/* 弈冠典藏 / 星轨银蓝 frames. Decorations stay inside the allocated avatar box. */
.member-avatar-framed {
  --member-color:#65734f;--member-deep:#313e2a;--member-edge:#acbb86;
  --member-bright:#e1eacb;--member-metal:#71835a;
  --member-core-start:#778564;--member-core-end:#4c5e3f;
  display:block;border-radius:0;overflow:visible;background:transparent;
  container-type:inline-size;pointer-events:none;
}
.member-avatar-framed::before,.member-avatar-framed::after {content:none;}
.member-avatar-framed.identity-palette-copper {--member-color:#85685d;--member-deep:#49342c;--member-edge:#cc9d87;--member-bright:#f4ddd0;--member-metal:#9f7967;--member-core-start:#9a7c6d;--member-core-end:#63483f;}
.member-avatar-framed.identity-palette-diamond {--member-color:#2468ad;--member-deep:#123963;--member-edge:#77c8e9;--member-bright:#e1f8ff;--member-metal:#397cbd;--member-core-start:#347bbe;--member-core-end:#144980;}
.member-avatar-framed.identity-palette-beta {--member-color:#34566b;--member-deep:#142334;--member-edge:#bacfe0;--member-bright:#f5f9fb;--member-metal:#8da5ba;--member-core-start:#4d555c;--member-core-end:#12191f;}
.member-frame-core {position:absolute;z-index:3;inset:24%;overflow:hidden;display:grid;place-items:center;border-radius:50%;background:radial-gradient(ellipse at 30% 18%,var(--member-core-start),var(--member-color) 50%,var(--member-core-end));box-shadow:inset 0 2px 4px #fff2,inset 0 -3px 5px #0004,0 0 0 1px var(--member-deep);}
.member-frame-core::before {content:"";position:absolute;inset:0;opacity:.07;background-image:linear-gradient(90deg,var(--member-bright) 1px,transparent 1px),linear-gradient(var(--member-bright) 1px,transparent 1px);background-size:14% 14%;pointer-events:none;}
.member-frame-core > .avatar-text,.member-frame-core > .avatar-img {position:relative;width:100%!important;height:100%!important;border-radius:50%;color:#fffdf4;}
.member-frame-core > .avatar-text {font-size:27cqi!important;font-weight:500;line-height:1;}
.member-frame-core > .avatar-img {object-fit:cover;}
.member-frame-shell {position:absolute;inset:14%;border-radius:50%;z-index:2;background:conic-gradient(from 18deg,var(--member-deep),var(--member-metal) 11%,var(--member-bright) 18%,var(--member-color) 28%,var(--member-deep) 41%,var(--member-edge) 48%,var(--member-bright) 58%,var(--member-color) 68%,var(--member-deep) 77%,var(--member-edge) 91%,var(--member-deep));box-shadow:0 0 0 1px var(--member-deep),inset 0 0 0 1px var(--member-edge),0 2px 3px #0003;}
.member-frame-shell::before {content:"";position:absolute;inset:4%;border:1px solid var(--member-bright);opacity:.7;border-radius:inherit;}
.member-frame-shell::after {content:"";position:absolute;inset:10%;border:1px solid var(--member-deep);border-radius:inherit;box-shadow:0 0 0 1px color-mix(in srgb,var(--member-bright),transparent 30%);}
.member-frame-inlay {position:absolute;z-index:4;inset:20.5%;border:1px solid var(--member-edge);border-radius:50%;box-shadow:inset 0 0 0 1px var(--member-deep);}
.member-frame-inlay::after {content:"";position:absolute;inset:3%;border:1px solid color-mix(in srgb,var(--member-bright),transparent 42%);border-radius:50%;}
.member-frame-pin {position:absolute;z-index:5;width:5.5%;height:5.5%;top:45%;border-radius:50%;box-shadow:0 0 0 .5px var(--member-deep),0 1px 2px #0004;}
.member-frame-pin.black {left:16.5%;background:radial-gradient(circle at 30% 25%,#737c72,#161e19 58%,#030806);}
.member-frame-pin.white {right:16.5%;background:radial-gradient(circle at 30% 25%,#fffef5,#eeece1 60%,#969990);}
.member-frame-crown {position:absolute;z-index:7;left:41%;top:5%;width:18%;height:13%;background:linear-gradient(135deg,var(--member-bright),var(--member-edge) 35%,var(--member-color) 37%,var(--member-edge) 66%,var(--member-bright));clip-path:polygon(0 30%,27% 46%,50% 0,73% 46%,100% 30%,88% 100%,12% 100%);}
.member-frame-crown::after {content:"";position:absolute;left:43%;top:35%;width:14%;height:44%;background:linear-gradient(135deg,var(--member-bright),var(--member-color));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);}
.member-frame-crest {position:absolute;z-index:6;width:13%;height:13%;left:43.5%;top:8%;background:linear-gradient(135deg,var(--member-bright),var(--member-edge) 28%,var(--member-color) 51%,var(--member-edge));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);}
.member-frame-plumes {position:absolute;z-index:1;width:29%;height:60%;left:3%;top:27%;}
.member-frame-plumes.right {left:auto;right:3%;transform:scaleX(-1);}
.member-frame-feather {position:absolute;background:linear-gradient(135deg,var(--member-bright),var(--member-metal) 42%,var(--member-deep) 90%);border:.7px solid var(--member-edge);width:29%;height:35%;border-radius:1px 80% 2px 80%;}
.member-frame-feather::after {content:"";position:absolute;top:12%;bottom:12%;left:50%;width:.7px;background:var(--member-bright);opacity:.6;transform:rotate(-22deg);}
.member-frame-ribbon {position:absolute;z-index:9;left:22%;width:56%;top:77%;height:16%;display:grid;place-items:center;background:linear-gradient(165deg,var(--member-edge),var(--member-deep) 14%,var(--member-color) 55%,var(--member-deep));clip-path:polygon(0 8%,14% 0,86% 0,100% 8%,92% 53%,100% 92%,82% 100%,18% 100%,0 92%,8% 53%);box-shadow:inset 0 1px var(--member-bright),inset 0 -1px var(--member-edge);}
.member-frame-mark {font-size:clamp(7px,14cqi,12px);font-weight:500;line-height:1;color:#fffdf4;text-shadow:0 1px 1px var(--member-deep);}
.member-frame-gem {position:absolute;z-index:8;width:7%;height:7%;left:46.5%;top:92%;clip-path:polygon(25% 0,75% 0,100% 38%,50% 100%,0 38%);background:conic-gradient(from 0deg,var(--member-bright),var(--member-color),var(--member-edge),var(--member-deep),var(--member-bright));}
.member-frame-standard .member-frame-ribbon {left:26%;width:48%;top:76%;height:17%;}
.member-frame-gold .member-frame-shell {inset:13%;}
.member-frame-diamond .member-frame-shell {inset:11%;box-shadow:0 0 0 1px var(--member-deep),0 0 0 1.5px #86d1ef66,inset 0 0 0 1px var(--member-edge),0 2px 4px #00162970;}
.member-frame-diamond .member-frame-core,.member-frame-beta .member-frame-core {inset:22.5%;}
.member-frame-diamond .member-frame-inlay {inset:18.5%;}
.member-frame-diamond .member-frame-crown {top:0;width:32%;left:34%;height:21%;clip-path:polygon(0 12%,20% 35%,28% 0,50% 28%,72% 0,80% 35%,100% 12%,87% 100%,13% 100%);}
.member-frame-diamond .member-frame-ribbon {left:17%;width:66%;height:18%;top:77%;}
/* Beta-only orbital design reuses the existing frame markup; avatar data and identity rules stay untouched. */
.member-avatar-framed.member-frame-beta::before,.member-avatar-framed.member-frame-beta::after {content:"";position:absolute;inset:8% 2%;z-index:7;border:1px solid #7196ba;border-left-color:#d6e4ee;border-right-color:#d6e4ee;border-radius:50%;box-shadow:none;transform:rotate(-30deg) scaleY(.69);pointer-events:none;}
.member-avatar-framed.member-frame-beta::after {inset:9% 5%;z-index:1;border-color:#627c948c;transform:rotate(31deg) scaleY(.77);}
.member-frame-beta .member-frame-shell {inset:16%;background:conic-gradient(from 12deg,#263e57,#8da5ba 9%,#f5f9fb 17%,#6f8eaa 24%,#34566b 32%,#101c2a 43%,#aec5d3 51%,#f9fdff 59%,#608eb0 66%,#142334 78%,#d7e5eb 93%,#263e57);box-shadow:0 0 0 1px #4d6c83,inset 0 0 0 1px #c7dfe9,0 0 7px #63a3d826;}
.member-frame-beta .member-frame-shell::before,.member-frame-beta .member-frame-shell::after,.member-frame-beta .member-frame-inlay::after {display:none;}
.member-frame-beta .member-frame-core {inset:24%;background:radial-gradient(circle at 27% 18%,#4d555c,#20262d 62%,#12191f);box-shadow:inset 0 1px 2px #ffffff2e,0 0 0 1px #131c26;}
.member-frame-beta .member-frame-inlay {inset:22%;border-color:#bacfe0;box-shadow:inset 0 0 0 1px #1a2734;}
.member-frame-beta .member-frame-plumes {width:21%;left:3%;top:43%;height:22%;z-index:2;background:linear-gradient(140deg,#f3f7fa,#839db5 42%,#273e59);clip-path:polygon(0 20%,86% 0,100% 50%,90% 100%,18% 66%);}
.member-frame-beta .member-frame-plumes.right {left:auto;right:3%;}
.member-frame-beta .member-frame-feather,.member-frame-beta .member-frame-ribbon,.member-frame-beta .member-frame-pin {display:none;}
.member-frame-beta .member-frame-twin {position:absolute;z-index:8;left:40%;top:3%;width:20%;height:19%;background:conic-gradient(#e9f7ff,#3b668c,#effaff,#709aba,#e9f7ff);clip-path:polygon(50% 0,63% 35%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 35%);}
.member-frame-beta .member-frame-twin::before {content:"";position:absolute;inset:34%;background:#2b6f9d;transform:rotate(45deg);}
.member-frame-beta .member-frame-twin .member-frame-stone {display:none;}
.member-frame-beta .member-frame-gem {width:9%;height:9%;top:auto;bottom:8%;left:45.5%;border:1px solid #d3eaf2;border-radius:50%;clip-path:none;background:radial-gradient(circle at 25% 20%,#f1faff,#759cb7 50%,#1a3551);}
.member-frame-stone {position:absolute;top:23%;left:20%;width:38%;height:54%;border-radius:50%;background:radial-gradient(circle at 28% 23%,#69796c,#15251b 55%,#030905);box-shadow:0 1px 2px #0005;}
.member-frame-stone.white {left:auto;right:16%;background:radial-gradient(circle at 30% 23%,#fffff9,#e7eee3 60%,#9bb3a3);}
/* Small frames retain the tier outline and a single character, with less fine detail. */
:is(.user-avatar-sm,#nav-avatar) .member-frame-feather {border:0;}
:is(.user-avatar-sm,#nav-avatar) .member-frame-feather::after,
:is(.user-avatar-sm,#nav-avatar) .member-frame-core::before,
:is(.user-avatar-sm,#nav-avatar) .member-frame-shell::before,
:is(.user-avatar-sm,#nav-avatar) .member-frame-inlay::after,
:is(.user-avatar-sm,#nav-avatar) .member-frame-gem {display:none;}
:is(.user-avatar-sm,#nav-avatar) .member-frame-ribbon {top:76%;height:23%;}
:is(.user-avatar-sm,#nav-avatar) .member-frame-beta .member-frame-gem {display:block;}
html[data-theme] body :is(.profile-avatar,.mp-avatar-preview,.user-avatar-sm,#nav-avatar,.member-preview-avatar):has(>.member-avatar-framed) {overflow:visible!important;background:transparent!important;border:0!important;flex-shrink:0;}
html[data-theme] body .user-avatar-sm:has(>.member-avatar-framed) {width:42px;height:42px;}
html[data-theme] body #nav-avatar:has(>.member-avatar-framed) {width:40px;height:40px;}
html[data-theme] body .profile-avatar:has(>.member-avatar-framed) {width:78px;height:78px;}
html[data-theme] body .mp-avatar-preview:has(>.member-avatar-framed) {width:84px;height:84px;}
.admin-membership-preview .member-preview-avatar {width:76px;height:76px;overflow:visible;}
.member-preview-avatar {width:76px;height:76px;display:grid;place-items:center;flex-shrink:0;overflow:visible;border-radius:50%;}