#pg-profile[hidden],#pg-profile [hidden]{display:none!important}
#pg-profile{position:fixed;z-index:25;overflow:auto;overscroll-behavior:contain;background:#00382b;color:#fff3c5;font-family:"PingFang SC","Microsoft YaHei",sans-serif;text-align:left;-webkit-overflow-scrolling:touch}
#pg-profile *{box-sizing:border-box}
#pg-profile button,#pg-profile input{font:inherit}
#pg-profile button{touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}
#pg-profile .profile-scene{position:relative;display:flex;flex-direction:column;min-height:100%;background:#00382b url('profile-emerald-bg.webp?v=2026100108') center top/cover no-repeat;container-type:inline-size;padding:4% 4% 3%}
#pg-profile h1{font-size:clamp(21px,5.8cqw,30px);font-weight:600;letter-spacing:3px;margin:0;color:#ffe4a1}
#pg-profile .profile-identity{display:flex;align-items:center;gap:4%;height:36cqw;padding:4cqw 1cqw 1cqw}
#pg-profile .profile-avatar{border:2px solid #e2bf65;background:#07503d;border-radius:50%;padding:3px;width:25cqw;height:25cqw;flex-shrink:0;box-shadow:0 2px 8px #001e17}
#pg-profile .profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
#pg-profile .profile-details{min-width:0;max-width:65%;padding:1cqw;background:#003526d9;border-radius:8px}
#pg-profile .profile-name,#pg-profile .profile-id{border:0;background:none;display:flex;align-items:center;gap:1.3cqw;max-width:100%;text-align:left;padding:3px 0;color:#fff0b6;min-height:44px}
#pg-profile .profile-name strong{font-size:clamp(16px,4.5cqw,24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pg-profile .profile-id{color:#c8ddc4;font-size:clamp(14px,3.8cqw,20px)}
#pg-profile .profile-wallet{height:15cqw;min-height:62px;background:url('profile-wallet.webp?v=2026100108') center/100% 100% no-repeat;position:relative;margin:2cqw -1cqw 4cqw}
#pg-profile .profile-value{position:absolute;top:50%;transform:translateY(-50%);font-size:clamp(19px,5.6cqw,30px);font-weight:600;letter-spacing:.5px;font-variant-numeric:tabular-nums;max-width:26%;overflow:hidden;text-overflow:ellipsis}
#pg-profile .profile-gold{left:23%}#pg-profile .profile-bank{left:67%}
#pg-profile .profile-settings{padding:0 1.5cqw;background:#00352842}
#pg-profile .profile-row{width:100%;display:flex;align-items:center;gap:6cqw;min-height:56px;height:14.6cqw;padding:0 3cqw;background:none;border:0;border-bottom:1px solid #b89b56;color:#fff7dd;text-align:left;font-size:clamp(17px,4.9cqw,25px)}
#pg-profile .profile-row:last-child{border-bottom:0}
#pg-profile .profile-row-label{flex:1}
#pg-profile .p-icon{display:inline-block;flex-shrink:0;width:25px;height:25px;background:#f4d68a;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
#pg-profile .p-edit{--icon:url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-edit%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M7%207h-1a2%202%200%200%200%20-2%202v9a2%202%200%200%200%202%202h9a2%202%200%200%200%202%20-2v-1%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M20.385%206.585a2.1%202.1%200%200%200%20-2.97%20-2.97l-8.415%208.385v3h3l8.385%20-8.415z%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M16%205l3%203%22%20%2F%3E%0A%3C%2Fsvg%3E")}#pg-profile .p-copy{--icon:url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-copy%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M7%207m0%202.667a2.667%202.667%200%200%201%202.667%20-2.667h8.666a2.667%202.667%200%200%201%202.667%202.667v8.666a2.667%202.667%200%200%201%20-2.667%202.667h-8.666a2.667%202.667%200%200%201%20-2.667%20-2.667z%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M4.012%2016.737a2.005%202.005%200%200%201%20-1.012%20-1.737v-10c0%20-1.1%20.9%20-2%202%20-2h10c.75%200%201.158%20.385%201.5%201%22%20%2F%3E%0A%3C%2Fsvg%3E")}#pg-profile .p-lock{--icon:url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-lock%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M5%2013a2%202%200%200%201%202%20-2h10a2%202%200%200%201%202%202v6a2%202%200%200%201%20-2%202h-10a2%202%200%200%201%20-2%20-2v-6z%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M11%2016a1%201%200%201%200%202%200a1%201%200%200%200%20-2%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M8%2011v-4a4%204%200%201%201%208%200v4%22%20%2F%3E%0A%3C%2Fsvg%3E")}#pg-profile .p-volume{--icon:url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-volume%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M15%208a5%205%200%200%201%200%208%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M17.7%205a9%209%200%200%201%200%2014%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M6%2015h-2a1%201%200%200%201%20-1%20-1v-4a1%201%200%200%201%201%20-1h2l3.5%20-4.5a.8%20.8%200%200%201%201.5%20.5v14a.8%20.8%200%200%201%20-1.5%20.5l-3.5%20-4.5%22%20%2F%3E%0A%3C%2Fsvg%3E")}#pg-profile .p-share{--icon:url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-share%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M6%2012m-3%200a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M18%206m-3%200a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M18%2018m-3%200a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M8.7%2010.7l6.6%20-3.4%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M8.7%2013.3l6.6%203.4%22%20%2F%3E%0A%3C%2Fsvg%3E")}#pg-profile .p-chevron{--icon:url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-chevron-right%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M9%206l6%206l-6%206%22%20%2F%3E%0A%3C%2Fsvg%3E");width:21px}#pg-profile .p-x{--icon:url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-x%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M18%206l-12%2012%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M6%206l12%2012%22%20%2F%3E%0A%3C%2Fsvg%3E")}
#pg-profile .profile-switch{width:58px;height:32px;border:1px solid #a4bc86;border-radius:18px;background:#123b31;position:relative}
#pg-profile .profile-switch:after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#e7c979;border:2px solid #ffebaf}
#pg-profile [aria-checked=true] .profile-switch{background:#236448}#pg-profile [aria-checked=true] .profile-switch:after{left:29px}
#pg-profile .profile-logout{display:block;width:86%;height:12cqw;min-height:52px;margin:3cqw auto 0;border:0;border-radius:30px;background:#d7ac43 url('login-gold-button.webp?v=2026100106') center/100% 100% no-repeat;color:#3b2509;font-size:clamp(20px,5cqw,28px);font-weight:700;letter-spacing:2px}
#pg-profile .profile-version{text-align:center;margin:auto 0 0;padding-top:10cqw;color:#bcd2bb;font-size:13px}
#pg-profile button:focus-visible,#pg-profile input:focus-visible{outline:3px solid #fff0a5;outline-offset:3px}
#pg-profile button:active{filter:brightness(.9)}
#pg-profile .profile-toast{position:fixed;bottom:15%;left:50%;transform:translateX(-50%);width:max-content;max-width:min(90%,390px);margin:0;background:#022e25f5;border:1px solid #c5ab5e;border-radius:10px;padding:12px 18px;color:#fff3cc;line-height:1.5;font-size:15px;z-index:60}
#pg-profile .profile-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#00180fd9}
#pg-profile .profile-dialog{position:relative;width:100%;max-width:390px;max-height:85vh;overflow:auto;border:1px solid #dbbd6e;border-radius:18px;padding:24px;background:#064330;box-shadow:0 10px 50px #0008}
#pg-profile .profile-dialog h2{font-size:21px;margin:0 38px 22px 0;color:#ffe9a8}
#pg-profile .profile-dialog-close{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;background:none;display:grid;place-items:center}
#pg-profile .profile-dialog label{display:block;color:#dbe4c6;font-size:14px;margin:14px 0 7px}
#pg-profile .profile-dialog input{width:100%;height:46px;min-width:0;border:1px solid #c4aa68;border-radius:8px;background:#003626;color:#fff6dd;padding:10px 12px;font-size:16px}
#pg-profile .profile-dialog-submit{display:block;min-height:46px;width:100%;border:1px solid #e7c674;border-radius:10px;background:#d6ad4c;color:#332307;font-weight:600;margin-top:22px}
#pg-profile .profile-heads{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:47vh;overflow:auto;padding:3px}
#pg-profile .profile-head-choice{padding:2px;border:2px solid transparent;border-radius:50%;background:none;aspect-ratio:1}
#pg-profile .profile-head-choice[aria-pressed=true]{border-color:#ffe487;background:#bea14c}
#pg-profile .profile-head-choice img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
#pg-profile .profile-confirm-text{white-space:pre-line;line-height:1.6;color:#fff1cb}
#pg-profile .profile-confirm-actions{display:flex;gap:12px}
#pg-profile .profile-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@supports not (height:1cqw){#pg-profile .profile-identity{height:36vw}#pg-profile .profile-avatar{width:25vw;height:25vw}#pg-profile .profile-row{height:64px}#pg-profile .profile-version{margin-top:70px}}

/* Inline vector title: no image or font request. */
#pg-profile .profile-title{width:100%;margin:0;line-height:0;flex-shrink:0}
#pg-profile .profile-title svg{display:block;width:min(82%,270px);height:auto;margin:0;overflow:visible}

/* Follow the ornament silhouette instead of exposing the baked rectangular matte. */
#pg-profile .profile-wallet{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201120%20156%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M%2077%207%20C%2061%204%2047%208%2039%2019%20C%2031%2031%2033%2036%2024%2043%20C%2010%2048%205%2061%206%2079%20C%206%2091%2012%20101%2018%20109%20C%204%20114%205%20125%2018%20130%20C%2023%20145%2038%20148%2051%20147%20C%2064%20157%2082%20151%2094%20148%20L%201027%20148%20C%201043%20155%201057%20150%201067%20144%20C%201082%20150%201099%20141%201101%20130%20C%201117%20125%201117%20112%201105%20105%20C%201121%2084%201114%2059%201102%2051%20C%201096%2044%201086%2042%201080%2034%20C%201079%2012%201061%202%201041%205%20C%201031%202%201022%207%201016%208%20L%20109%208%20C%2099%202%2088%203%2077%207%20Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201120%20156%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M%2077%207%20C%2061%204%2047%208%2039%2019%20C%2031%2031%2033%2036%2024%2043%20C%2010%2048%205%2061%206%2079%20C%206%2091%2012%20101%2018%20109%20C%204%20114%205%20125%2018%20130%20C%2023%20145%2038%20148%2051%20147%20C%2064%20157%2082%20151%2094%20148%20L%201027%20148%20C%201043%20155%201057%20150%201067%20144%20C%201082%20150%201099%20141%201101%20130%20C%201117%20125%201117%20112%201105%20105%20C%201121%2084%201114%2059%201102%2051%20C%201096%2044%201086%2042%201080%2034%20C%201079%2012%201061%202%201041%205%20C%201031%202%201022%207%201016%208%20L%20109%208%20C%2099%202%2088%203%2077%207%20Z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#pg-profile .profile-logout{background-color:transparent;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%20236%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M%20150%206%20L%201249%206%20C%201300%206%201334%2031%201358%2072%20C%201385%2086%201396%20103%201392%20125%20C%201394%20146%201383%20169%201360%20181%20C%201338%20216%201304%20229%201249%20230%20L%20150%20230%20C%2097%20230%2065%20216%2043%20182%20C%2013%20168%206%20147%208%20126%20C%204%20105%2015%2084%2043%2071%20C%2064%2031%2099%206%20150%206%20Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%20236%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M%20150%206%20L%201249%206%20C%201300%206%201334%2031%201358%2072%20C%201385%2086%201396%20103%201392%20125%20C%201394%20146%201383%20169%201360%20181%20C%201338%20216%201304%20229%201249%20230%20L%20150%20230%20C%2097%20230%2065%20216%2043%20182%20C%2013%20168%206%20147%208%20126%20C%204%20105%2015%2084%2043%2071%20C%2064%2031%2099%206%20150%206%20Z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#pg-profile .profile-settings{background:transparent}
#pg-profile .profile-row{border-bottom-color:#c9b76880;text-shadow:0 1px 3px #002b20}

/* Fade only the identity backdrop, keeping text and controls fully opaque. */
#pg-profile .profile-details{position:relative;isolation:isolate;background:transparent;border-radius:0}
#pg-profile .profile-details::before{content:"";position:absolute;inset:-12px -14px;z-index:-1;pointer-events:none;background:#003526d9;-webkit-mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent),linear-gradient(to bottom,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent),linear-gradient(to bottom,transparent,#000 16px,#000 calc(100% - 16px),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
#pg-profile .profile-name,#pg-profile .profile-id{text-shadow:0 1px 3px #00271e}