body[data-mode='login']{background:radial-gradient(ellipse at 12% 20%,#452f6430,transparent 60%),#100d1c;min-height:100vh;color:#f0e9ff}
.tg-login-page{max-width:1240px;margin:auto;padding:38px 48px 25px}.tg-login-brand{display:flex;align-items:center;gap:11px}.tg-login-brand>img{width:43px;height:43px;object-fit:contain}.tg-login-brand>div{font-family:Georgia,'SimSun',serif;font-size:24px;letter-spacing:4px}.tg-login-brand small{display:block;font:7px 'Segoe UI',sans-serif;letter-spacing:2.4px;color:#8c819e;margin-top:7px}.tg-login-brand>span{margin-left:auto;font-size:8px;letter-spacing:2px;color:#8d819e}.tg-login-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:90px;align-items:center;min-height:690px;padding:52px 0 36px}.tg-kicker{font-size:8px;letter-spacing:2.4px;color:#b29bcf}.tg-login-story h1{font-size:43px;font-weight:500;line-height:1.5;letter-spacing:2px;margin:22px 0 19px;color:#eee7f9}.tg-login-story h1>span{display:block;color:#c7a5f1}.tg-login-story>p{font-size:13px;line-height:2;color:#a096b3;margin:0}.tg-identity-art{position:relative;height:220px;max-width:430px;margin:6px 0 15px;perspective:900px}.tg-orbit{position:absolute;inset:27px 5px;border:1px solid #b594ea29;border-radius:50%;transform:rotate(-13deg) scaleY(.7)}.tg-orbit.second{inset:10px 60px;border-color:#b594ea14;transform:rotate(35deg) scaleY(.7)}.tg-art-card{position:absolute;left:45px;top:42px;width:270px;height:146px;padding:26px;border-radius:19px;background:linear-gradient(145deg,#bfa1ea33,#6d4caa22 45%,#1d172c);border:1px solid #c7a1ff55;transform:rotateY(-18deg) rotate(-10deg);box-shadow:inset 1px 1px 3px #ffffff24,15px 15px 45px #06030a60;display:flex;align-items:flex-start;gap:15px}.tg-art-logo{display:grid;place-items:center;width:51px;height:51px;border:1px solid #e5c9ff88;border-radius:16px;background:linear-gradient(140deg,#e5c8ff,#9471bc 70%);box-shadow:inset 0 2px 6px #fff4,0 4px 14px #20103677;color:#faf0ff}.tg-art-logo svg{width:28px;height:28px}.tg-art-lines{flex:1;display:grid;gap:11px;padding-top:12px}.tg-art-lines i{height:6px;width:90px;background:#c8b0e46e;border-radius:6px}.tg-art-lines i:last-child{width:60px;background:#c8b0e42c}.tg-art-card b{position:absolute;bottom:24px;left:28px;font-size:7px;letter-spacing:3px;color:#b19ccf;font-weight:400}.tg-art-spark{position:absolute;right:20px;bottom:17px;font-size:22px;color:#d9bafd}.tg-art-chip{position:absolute;right:5px;bottom:15px;display:flex;align-items:center;gap:10px;padding:13px 18px;background:linear-gradient(135deg,#362648,#281d37);border:1px solid #ac8fca66;box-shadow:0 10px 25px #03000555;border-radius:12px;transform:rotate(6deg);color:#d5b9ef;font-size:7px;letter-spacing:1.2px}.tg-art-chip svg{width:18px;height:18px}.tg-login-features{display:flex;gap:24px;font-size:10px;color:#9b90ac}.tg-login-features b{font-size:9px;font-weight:400;color:#bd9fdd;margin-right:7px}
.tg-login-panel{border-radius:26px;background:radial-gradient(ellipse at 50% 0,#8260b42b,transparent 60%),linear-gradient(155deg,#211a31,#171321);border:1px solid #c6a6e52c;padding:36px 33px;box-shadow:0 28px 60px #06030d30;position:relative}.tg-provider-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#aa83d1,#77509e);border:1px solid #d6b9f077;box-shadow:inset 2px 2px 7px #fff3,0 8px 23px #9c6bcd15;color:#f6e7ff;margin-bottom:25px}.tg-provider-icon svg{width:31px;height:31px}.tg-login-panel h2{font-size:24px;font-weight:500;margin:15px 0 12px;letter-spacing:.5px}.tg-login-sub{font-size:11px;color:#a79bb7;margin:0 0 25px}.tg-bot-binding{padding:15px 17px;background:#100c1977;border:1px solid #c5a3e91e;border-radius:13px;display:grid;grid-template-columns:1fr auto;gap:8px}.tg-bot-binding>span{font-size:10px;color:#a092b0;align-self:center}.tg-bot-binding>strong{font-size:15px;font-weight:500;color:#d9bbf9}.tg-bot-binding>small{font-size:9px;color:#a392ba;grid-column:1/-1}.tg-profile-fields{display:flex;gap:14px;justify-content:center;font-size:9px;color:#b4a4c3;margin:22px 0}.tg-profile-fields span:before{content:'✓';color:#c4a3e9;margin-right:4px}.tg-login-button{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e5c5ff77;border-radius:11px;background:linear-gradient(110deg,#d8b9fa,#b28bd8);color:#2d1942;font-size:12px;font-weight:600;box-shadow:0 8px 24px #ab76e022;transition:box-shadow .4s,transform .4s}.tg-login-button svg{width:20px;height:20px}.tg-login-button>b{font-size:18px;font-weight:400;margin-left:auto}.tg-login-button:disabled{opacity:.55;cursor:not-allowed}.tg-login-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 30px #b481ed44}.tg-mini-button{background:none;border:0;display:block;width:100%;color:#bfa9d7;font-size:10px;text-align:center;padding:16px 0 6px;min-height:40px}.tg-mini-button:disabled{opacity:.45;cursor:not-allowed}.tg-login-message{font-size:10px;color:#b29cb9;line-height:1.9;margin:10px 0 0;min-height:38px}.tg-login-divider{height:1px;background:#b49ac81c;margin:20px 0}.tg-account-note{font-size:10px;line-height:1.9;color:#94869f;margin:0}.tg-demo-link{background:none;border:0;width:100%;color:#c4a9df;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;padding:20px 0 0}.tg-demo-link span{font-size:8px;color:#897a96}.tg-login-footer{border-top:1px solid #a686c31a;padding-top:22px;display:flex;justify-content:space-between;color:#766883;font-size:8px;letter-spacing:1px}
.profile-avatar{position:relative;overflow:hidden;display:inline-grid;place-items:center;flex-shrink:0}.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-avatar>span{line-height:1}.profile-account-button{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--ink);padding:0;text-align:left;max-width:180px}.profile-account-button .header-member{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:11px}.profile-account-card{text-align:center;padding:10px 0 20px}.profile-account-card .profile-avatar{width:76px;height:76px;font-size:30px;border-radius:24px;margin-bottom:15px}.profile-account-card h3{font-size:22px;font-weight:500;overflow-wrap:anywhere}.profile-account-card p{font-size:12px;color:var(--muted);margin:8px 0}.profile-fields{display:grid;gap:14px;margin:10px 0 22px}.profile-fields>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.profile-fields span{color:var(--muted)}.profile-fields strong{font-weight:500;overflow-wrap:anywhere;text-align:right}.server-badge{font-size:9px;color:#bba3d3}.side-profile>div:not(.avatar){min-width:0}.side-profile .profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
@media(max-width:1000px){.tg-login-page{padding:30px}.tg-login-layout{gap:40px;grid-template-columns:1fr 1fr;min-height:650px}.tg-login-story h1{font-size:34px}.tg-login-panel{padding:30px 24px}.tg-login-features{flex-direction:column;gap:10px}.tg-art-card{left:15px;width:240px}.tg-art-chip{right:-5px;font-size:6px}}
@media(max-width:680px){.tg-login-page{padding:25px 20px;min-height:100dvh}.tg-login-brand>img{width:34px;height:34px}.tg-login-brand>div{font-size:20px;letter-spacing:2px}.tg-login-brand small{font-size:6px;letter-spacing:1.7px}.tg-login-brand>span{display:none}.tg-login-layout{display:block;padding:28px 0 26px;min-height:0}.tg-login-story{position:relative;padding:0 2px 24px}.tg-login-story>.tg-kicker{font-size:6px;letter-spacing:1.6px}.tg-login-story h1{font-size:27px;line-height:1.5;letter-spacing:1px;margin:15px 0 11px}.tg-login-story h1 br{display:none}.tg-login-story h1>span{display:block}.tg-login-story>p{font-size:10px;line-height:1.9;max-width:235px}.tg-identity-art{position:absolute;right:-12px;top:7px;width:150px;height:120px;opacity:.45;pointer-events:none;z-index:-1;transform:scale(.65);transform-origin:right center}.tg-art-card{left:-40px}.tg-art-chip{display:none}.tg-login-features{display:none}.tg-login-panel{padding:25px 23px;border-radius:23px}.tg-provider-icon{width:47px;height:47px;border-radius:15px;margin-bottom:20px}.tg-provider-icon svg{width:26px;height:26px}.tg-login-panel h2{font-size:22px;margin-top:12px}.tg-login-panel>.tg-kicker{font-size:7px;letter-spacing:1.8px}.tg-login-sub{font-size:10px;margin-bottom:21px}.tg-bot-binding{padding:13px 14px}.tg-profile-fields{gap:10px;font-size:8px;margin:19px 0}.tg-login-button{font-size:11px;min-height:47px}.tg-mini-button{font-size:9px}.tg-login-message{font-size:9px;min-height:34px}.tg-account-note{font-size:9px}.tg-login-divider{margin:17px 0}.tg-login-footer{font-size:7px;letter-spacing:.5px;gap:15px;line-height:1.9}.tg-login-footer>span{max-width:150px;text-align:right}.profile-account-button{max-width:100px}.profile-account-button .header-member{display:none}}
@media(prefers-reduced-motion:reduce){.tg-login-button{transition:none!important}}
@media(max-width:680px){.tg-identity-art{display:none}.prototype-actions{gap:5px}.prototype-actions .reset{font-size:8px}}
/* A permanent six-star crown sits above the verified avatar without covering the face. */
.profile-avatar.constellation-elite{overflow:visible;isolation:isolate;outline:1px solid #ebc57e;outline-offset:3px;box-shadow:0 0 13px #bc8ce34d,0 0 0 1px #b38b4740}
.profile-avatar .profile-crown{position:absolute;z-index:3;left:7%;top:-39%;width:86%;height:55%;overflow:visible;pointer-events:none;filter:drop-shadow(0 2px 1px #281227a6) drop-shadow(0 0 3px #ffd37655);transform:rotate(-7deg);transform-origin:50% 85%;animation:profile-crown-shimmer 6s ease-in-out infinite}
.profile-account-card:has(.constellation-elite){padding-top:35px}.profile-crown-honor{margin:17px auto 0;padding:14px 18px;max-width:300px;border:1px solid #cda66b4a;border-radius:14px;background:linear-gradient(135deg,#b9934620,#9c68b413)}.profile-crown-honor strong{display:block;font-size:14px;letter-spacing:1px;color:#d4af6e}.profile-crown-honor small{display:block;line-height:1.9;font-size:11px;color:var(--muted);margin-top:6px}
@keyframes profile-crown-shimmer{0%,100%{filter:drop-shadow(0 2px 1px #281227a6) drop-shadow(0 0 2px #ffd37633)}50%{filter:drop-shadow(0 2px 1px #281227a6) drop-shadow(0 0 5px #ffe1a880)}}
[data-motion='reduced'] .profile-crown{animation:none!important}@media(prefers-reduced-motion:reduce){.profile-crown{animation:none!important}}