/* Account component CSS extracted from designkit.cn/cutout, 2026-09-22. */
.site-header .designkit-account{position:relative;--background-list-hover:#f6f7fa;--content-card-svip-personal-primary:#55230b;--stroke-system-border-overlay:rgba(0,0,0,.08)}
.site-header .designkit-account button{background:none;border:0;font-family:inherit;cursor:pointer}
.site-header .designkit-account summary{display:flex;padding:0;min-height:0;list-style:none;border-radius:50%;cursor:pointer}
.site-header .designkit-account summary::-webkit-details-marker{display:none}
.site-header .designkit-account summary .xdesign-user-info__avatar{width:36px;height:36px}
.site-header .designkit-account[open]>.xdesign-user-info-panel{opacity:1;pointer-events:auto;transform:none}
.site-header .designkit-account>.xdesign-user-info-panel{top:100%;padding-top:12px}
.site-header .designkit-account .xdesign-user-info-panel__inner{margin-top:0}
.site-header .designkit-account .xdesign-user-info-panel__header-arrow svg{width:12px;height:12px;fill:currentColor;stroke:none}
.site-header .designkit-account .xdesign-user-info-panel__vip{background:#ffede0}
.site-header .designkit-account .xdesign-user-info-panel__balance a{color:inherit}
.site-header .designkit-account .account-balance-arrow{width:12px;height:12px;margin-left:2px;flex:none;fill:currentColor;stroke:none}
.site-header .designkit-account .xdesign-user-info-panel__vip-empty-open{font-weight:400}
.site-header .designkit-account .account-vip-icon{width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url('/assets/pc/images/designkit/vip.gif') center/contain no-repeat;mask:url('/assets/pc/images/designkit/vip.gif') center/contain no-repeat}
.site-header .designkit-account .xdesign-user-info-panel__footer{width:100%;padding-bottom:0;border-top:1px solid rgba(0,0,0,.08)}
.site-header .designkit-vip-entrance{height:34px;display:flex;align-items:center;gap:4px;padding:8px 12px 8px 10px;font-size:12px;font-weight:500;background:linear-gradient(270deg,#ffcaa8,#ffddc7);border-radius:7px;color:#653619;white-space:nowrap}
.site-header .designkit-vip-entrance img{width:16px;height:16px}
@media(max-width:640px){.site-header .designkit-vip-entrance{display:none}.site-header .designkit-account>.xdesign-user-info-panel{position:fixed;top:56px;right:16px;max-width:calc(100vw - 32px)}}
.site-header .xdesign-user-info{position:relative;padding-left:8px;z-index:99}
.site-header .xdesign-user-info__custom-other{margin-bottom:10px}
.site-header .xdesign-user-info__avatar-trigger{display:flex;align-items:center;justify-content:center}
.site-header .xdesign-user-info__avatar-trigger-text{color:var(--content-system-primary);font-size:14px;font-weight:500;line-height:150%;margin-left:12px}
.site-header .xdesign-user-info__avatar{width:44px;height:44px;border-radius:44px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--background-system-space-holder,#f6f7fa);color:var(--content-system-primary,#1c1d1f)}
.site-header .xdesign-user-info__avatar:after{width:100%;height:100%;content:"";display:block;border-radius:50%;border:1px solid var(--stroke-system-border-overlay);position:absolute;left:0;top:0}
.site-header .xdesign-user-info__avatar-img{display:flex;width:100%;height:100%;border-radius:44px;object-fit:cover}
.site-header .xdesign-user-info__avatar-vip-icon{display:block;position:absolute;height:36%;left:50%;bottom:-1px;transform:translateX(-50%)}
.site-header .xdesign-user-info:hover .xdesign-user-info-panel{opacity:1;pointer-events:auto;transform:scaleY(1)}
.site-header .xdesign-user-info-panel{width:280px;transition:opacity .3s,transform .3s;transform-origin:top;position:absolute;right:0;top:32px;z-index:1080;box-sizing:border-box;opacity:0;pointer-events:none;transform:scaleY(0)}
.site-header .xdesign-user-info-panel--popover{position:static;opacity:1;pointer-events:auto;transform:none;transition:none}
.site-header .xdesign-user-info-panel--portal{position:fixed;right:auto}
.site-header .xdesign-user-info-panel--open{opacity:1;pointer-events:auto;transform:scaleY(1)}
.site-header .xdesign-user-info-panel__inner{border-radius:16px;border:1px solid var(--stroke-web-panel-border,hsla(0,0%,100%,.01));background:var(--background-web-primary,#fff);box-shadow:0 0 2px 0 rgba(0,0,0,.08),0 10px 40px 0 rgba(0,0,0,.1);padding:12px;margin-top:20px}
.site-header .xdesign-user-info-panel--popover .xdesign-user-info-panel__inner{margin-top:0}
.site-header .xdesign-user-info-panel__header{width:100%;padding:0 0 12px;display:flex;justify-content:space-between;align-items:center}
.site-header .xdesign-user-info-panel__header-info{flex:1;overflow:hidden;margin-left:12px}
.site-header .xdesign-user-info-panel__header-arrow{display:flex;margin-left:12px;color:var(--content-list-secondary,#adafb2)}
.site-header .xdesign-user-info-panel__header-username{display:flex;align-items:center;justify-content:flex-start;margin-bottom:4px}
.site-header .xdesign-user-info-panel__header-username__inner{color:var(--content-system-primary,#1c1d1f);font-size:14px;font-weight:500;line-height:20px;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header .xdesign-user-info-panel__header-username__icon{width:17px}
.site-header .xdesign-user-info-panel__header-status{color:var(--content-web-secondary,rgba(23,24,26,.65));font-size:12px;font-weight:400;line-height:16px;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header .xdesign-user-info-panel__list .Widget.teamSpaceIdentitySwitch{margin-bottom:8px}
.site-header .xdesign-user-info-panel__list-item{padding:0 8px;display:flex;width:100%;justify-content:space-between;align-items:center;height:34px;cursor:pointer;border-radius:var(--radius-m,8px)}
.site-header .xdesign-user-info-panel__list-item:hover{background:var(--background-list-hover)}
.site-header .xdesign-user-info-panel__list-label{color:var(--content-system-primary,#1c1d1f);font-size:14px;font-weight:400;line-height:21px;display:flex;align-items:center}
.site-header .xdesign-user-info-panel__list-label>small{color:var(--content-system-secondary);font-size:14px;font-style:normal;background:none}
.site-header .xdesign-user-info-panel__list-arrowWrap{display:flex;align-items:center;justify-content:center}
.site-header .xdesign-user-info-panel__list-meidou{color:var(--pro-pro-500,#f78c08);font-size:14px;font-style:normal;font-weight:700;line-height:20px;margin-right:6px}
.site-header .xdesign-user-info-panel__list-arrow{color:var(--content-list-secondary,#adafb2)}
.site-header .xdesign-user-info-panel__footer{color:var(--content-system-primary,#1c1d1f);font-size:14px;font-weight:500;display:flex;padding-top:12px;justify-content:center;align-items:center;border-top:1px solid var(--stroke-system-separator,rgba(0,0,0,.08));cursor:pointer;margin-top:8px}
.site-header .xdesign-user-info-panel__vip{display:flex;flex-direction:column;position:relative;border-radius:8px;margin-bottom:10px;perspective:1000px;transform-style:preserve-3d;transition:all .2s linear}
.site-header .xdesign-user-info-panel__vip-empty{align-items:center}
.site-header .xdesign-user-info-panel__vip-empty .xdesign__card{width:100%}
.site-header .xdesign-user-info-panel__vip-empty-open{display:flex;height:34px;width:100%;justify-content:center;align-items:center;border-radius:8px;background:var(--background-card-svip-personal-btn,#292523);color:var(--content-card-svip-personal-btn,#ffc8a3);margin:14px auto 0;cursor:pointer}
.site-header .xdesign-user-info-panel__vip-empty-open,.site-header .xdesign-user-info-panel__vip-empty-title{text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:20px}
.site-header .xdesign-user-info-panel__vip-empty-title{color:var(--content-card-svip-personal-primary,#55230b);margin-bottom:4px}
.site-header .xdesign-user-info-panel__vip-empty-description{color:var(--content-card-svip-personal-secondary,rgba(85,35,11,.8));text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:16px}
.site-header .xdesign-user-info-panel__vip-empty__text{margin-left:4px}
.site-header .xdesign-user-info-panel__vip-user{padding-bottom:12px 16px}
.site-header .xdesign-user-info-panel__vip-user .xdesign__open-btn{display:flex;height:24px;width:64px;justify-content:center;align-items:center;color:#fff;text-align:center;font-size:12px;font-style:normal;line-height:normal;border-radius:8px;cursor:pointer;font-weight:500}
.site-header .xdesign-user-info-panel__vip-user .xdesign__user-type{color:var(--content-web-primary,#17181a);font-size:16px;font-style:normal;font-weight:600;line-height:22px}
.site-header .xdesign-user-info-panel__vip-user .xdesign__expiration-time{color:var(--content-web-secondary,rgba(23,24,26,.65));font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin:2px 0 8px}
.site-header .xdesign-user-info-panel__vip-user.xdesign__personal .xdesign__open-btn{background:var(--background-card-svip-personal-btn,#292523);color:var(--content-card-svip-personal-btn,#ffc8a3)}
.site-header .xdesign-user-info-panel__vip-user.xdesign__personal .xdesign__isvip .xdesign__user-type{color:var(--content-card-svip-personal-primary,#55230b)}
.site-header .xdesign-user-info-panel__vip-user.xdesign__personal .xdesign__isvip .xdesign__expiration-time{color:var(--content-card-svip-personal-secondary,rgba(85,35,11,.8))}
.site-header .xdesign-user-info-panel__vip .xdesign__card{padding:14px 16px}
.site-header .xdesign-user-info-panel__vip .xdesign__user-mark{position:absolute;right:0;top:0;display:flex;padding:2px 6px 2px 12px;align-items:center;color:var(--content-tag-team-edition,#1e79fa);text-align:right;font-size:10px;font-style:normal;font-weight:500;line-height:16px;border-radius:0 8px 0 18px;background:var(--background-tag-team-edition,#e5f2ff)}
.site-header .xdesign-user-info-panel__vip .xdesign__isvip{transform-style:preserve-3d}
.site-header .xdesign-user-info-panel__vip .xdesign__isvip,.site-header .xdesign-user-info-panel__vip .xdesign__isvip .xdesign__expiration-time,.site-header .xdesign-user-info-panel__vip .xdesign__isvip .xdesign__open-btn,.site-header .xdesign-user-info-panel__vip .xdesign__isvip .xdesign__user-type{transform-origin:center;transition:all .2s linear}
.site-header .xdesign-user-info-panel__balance{position:relative;display:flex;width:100%;align-items:center;height:36px;background:linear-gradient(180deg,var(--gradient-background-card-svip-mask-bottom-start,rgba(255,253,251,.8)) 0,var(--gradient-background-card-svip-mask-bottom-end,hsla(0,0%,100%,0)) 100%)}
.site-header .xdesign-user-info-panel__balance:after{content:"";position:absolute;left:0;top:0;width:200%;height:1px;background-color:var(--stroke-system-border-overlay,rgba(0,0,0,.08));transform-origin:left top;transform:scale(.5)}
.site-header .xdesign-user-info-panel__balance-name{min-width:50%;flex:1;display:flex;justify-content:flex-start;align-items:center}
.site-header .xdesign-user-info-panel__balance-name .balance-buy{opacity:0;color:var(--content-card-svip-personal-primary);display:none;transition:all .5 ease;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .xdesign-user-info-panel__balance-name .balance-buy .iconfont{margin-left:2px}
.site-header .xdesign-user-info-panel__balance-name .balance-label{opacity:1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .xdesign-user-info-panel__balance-name.active:hover .balance-label{opacity:0;display:none}
.site-header .xdesign-user-info-panel__balance-name.active:hover .balance-buy{opacity:1;display:flex}
.site-header .xdesign-user-info-panel__balance-name .info-circle{margin-left:4px;display:flex;align-items:center;justify-content:center;width:12px;height:12px}
.site-header .xdesign-user-info-panel__balance-item{flex:1;padding:0 14px;display:flex;justify-content:space-between;align-items:center;color:var(--content-web-primary,#17181a);font-size:12px;font-style:normal;font-weight:500;line-height:16px;box-sizing:border-box;position:relative}
.site-header .xdesign-user-info-panel__balance-item.clickable{cursor:pointer}
.site-header .xdesign-user-info-panel__balance-item:after{content:"";position:absolute;left:0;top:50%;border-radius:11px;background:var(--stroke-btn-transparency,rgba(0,0,0,.15));transform:translateY(-50%);width:1px;height:12px}
.site-header .xdesign-user-info-panel__balance-item img{width:16px;height:16px;margin-right:4px}
.site-header .xdesign-user-info-panel__balance-item .amount{padding:0 0 0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;justify-content:flex-end;align-items:center}
.site-header .xdesign-user-info-panel__balance-item .amount .amount-detail{opacity:0;color:var(--content-card-svip-personal-primary);display:none;transition:all .5 ease;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .xdesign-user-info-panel__balance-item .amount .amount-detail .iconfont{margin-left:2px}
.site-header .xdesign-user-info-panel__balance-item .amount .amount-label{opacity:1;display:block}
.site-header .xdesign-user-info-panel__balance-item .amount.active:hover .amount-label{opacity:0;display:none}
.site-header .xdesign-user-info-panel__balance-item .amount.active:hover .amount-detail{opacity:1;display:flex}
.site-header .xdesign-user-info-panel__balance-item:first-child:after{display:none}