.user-dropdown{width:340px !important;min-width:340px !important;max-width:340px !important;padding:0 !important;border-radius:14px !important;overflow:visible !important}.dd-card{width:100%;border-radius:14px;background:linear-gradient( 170deg,rgba(30,30,40,1) 0%,rgba(16,16,22,1) 100% );border:1px solid rgba(255,255,255,0.06);box-shadow:0 32px 80px rgba(0,0,0,0.55),0 8px 30px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.04) inset;overflow:hidden;position:relative;animation:ddCardIn 0.3s cubic-bezier(0.16,1,0.3,1) forwards}.dd-card::before{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient( 90deg,transparent,rgba(255,0,4,0.3),rgba(255,40,40,0.55),rgba(255,0,4,0.3),transparent );z-index:10}@keyframes ddCardIn{from{opacity:0;transform:translateY(-8px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dd-banner{width:100%;height:105px;background:linear-gradient(135deg,#1a0000 0%,#531415 100%);background-size:cover;background-position:center;position:relative}.dd-banner::after{content:'';position:absolute;bottom:0;left:0;right:0;height:55px;background:linear-gradient( 180deg,transparent 0%,rgba(16,16,22,0.55) 55%,rgba(16,16,22,0.95) 100% );pointer-events:none}.dd-avatar-area{display:flex;justify-content:center;margin-top:-38px;position:relative;z-index:3}.dd-avatar-ring{width:76px;height:76px;border-radius:50%;position:relative;background:rgba(16,16,22,1);padding:4px;box-shadow:0 4px 20px rgba(0,0,0,0.4)}.dd-avatar-ring::before{content:'';position:absolute;inset:-3px;border-radius:50%;background:conic-gradient( from 0deg,rgba(255,0,4,0.45),rgba(88,101,242,0.35),rgba(255,0,4,0.1),rgba(88,101,242,0.35),rgba(255,0,4,0.45) );opacity:0.55;filter:blur(4px);z-index:-1;animation:ringGlow 5s linear infinite}@keyframes ringGlow{to{transform:rotate(360deg)}}.dd-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:3px solid rgba(16,16,22,1)}.dd-status-dot{position:absolute;bottom:5px;right:5px;width:16px;height:16px;border-radius:50%;background:#23A55A;border:3.5px solid rgba(16,16,22,1);box-shadow:0 0 10px rgba(35,165,90,0.45);z-index:4}.dd-identity{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 24px 4px}.dd-displayname{font-size:18px;font-weight:800;color:#fff;font-family:'Noto Sans',sans-serif;letter-spacing:-0.02em;line-height:1.2;text-align:center;word-break:break-word}.dd-handle{font-size:13px;color:rgba(255,255,255,0.35);font-family:'Noto Sans',sans-serif;font-weight:500;text-align:center;word-break:break-all}.dd-sep{height:1px;margin:14px 24px;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.06) 30%,rgba(255,255,255,0.06) 70%,transparent )}.dd-meta-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin:0 16px 6px;border-radius:10px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.035);transition:all 0.2s ease}.dd-meta-row:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.06)}.dd-meta-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,0.25);font-family:'Noto Sans',sans-serif;font-weight:700;flex-shrink:0;margin-right:16px}.dd-meta-value{font-size:13px;color:rgba(255,255,255,0.5);font-family:'Noto Sans',sans-serif;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0.02em;user-select:all;cursor:text;transition:color 0.2s ease;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-meta-email{font-variant-numeric:normal;letter-spacing:0}.dd-meta-row:hover .dd-meta-value{color:rgba(255,255,255,0.7)}.dd-logout{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:4px 16px 16px;border-radius:10px;cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;border:1px solid transparent}.dd-logout::before{content:'';position:absolute;inset:0;border-radius:10px;opacity:0;background:linear-gradient(135deg,rgba(255,0,4,0.1) 0%,rgba(255,50,50,0.03) 100%);transition:opacity 0.25s ease}.dd-logout:hover::before{opacity:1}.dd-logout:hover{border-color:rgba(255,0,4,0.12);transform:translateX(3px)}.dd-logout:active{transform:translateX(3px) scale(0.97)}.dd-logout svg{color:rgba(255,255,255,0.28);transition:all 0.25s ease;flex-shrink:0;position:relative;z-index:1}.dd-logout:hover svg{color:#FF4040;filter:drop-shadow(0 0 8px rgba(255,64,64,0.35))}.dd-logout span{font-size:11px;font-weight:700;letter-spacing:1.8px;color:rgba(255,255,255,0.32);font-family:'Noto Sans',sans-serif;transition:color 0.25s ease;position:relative;z-index:1}.dd-logout:hover span{color:rgba(255,255,255,0.7)}.dd-card-login{width:100%}.dd-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;margin:12px;border-radius:12px;cursor:pointer;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(88,101,242,0.12) 0%,rgba(88,101,242,0.04) 100%);border:1px solid rgba(88,101,242,0.15)}.dd-login-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent 0%,rgba(88,101,242,0.1) 50%,transparent 100% );transition:left 0.5s ease}.dd-login-btn:hover::after{left:100%}.dd-login-btn:hover{border-color:rgba(88,101,242,0.35);transform:translateY(-1px);box-shadow:0 8px 28px rgba(88,101,242,0.18),0 0 40px rgba(88,101,242,0.06) inset;background:linear-gradient(135deg,rgba(88,101,242,0.2) 0%,rgba(88,101,242,0.08) 100%)}.dd-login-btn:active{transform:translateY(0) scale(0.98)}.dd-login-btn svg{flex-shrink:0;filter:drop-shadow(0 0 8px rgba(88,101,242,0.35));position:relative;z-index:1}.dd-login-btn span{font-size:12px;font-weight:700;color:#7B8FF0;letter-spacing:1px;font-family:'Noto Sans',sans-serif;position:relative;z-index:1;transition:all 0.25s ease}.dd-login-btn:hover span{color:#A0B0FF;text-shadow:0 0 14px rgba(88,101,242,0.3)}.user-btn .username{transition:color 0.2s ease}