.components-poster{background-color:#1b213a;left:100%;margin:0;padding:0;position:fixed;top:0;transform:translate(100%);width:520px}.components-poster .main-content{padding:48px 32px;position:relative}.components-poster .header-section{align-items:center;display:flex;justify-content:center;padding-bottom:32px}.components-poster .header-section .header-logo{height:32px;width:auto}.components-poster .poster-section,.components-poster .poster-section .image-container{position:relative}.components-poster .poster-section .image-container .poster-image{background-color:#fff;box-shadow:0 12px 16px #0000000d;position:relative;width:100%}.components-poster .poster-section .image-container .poster-image .image{-o-object-fit:contain;object-fit:contain;width:100%}.components-poster .poster-section .image-container .fashion-badge{bottom:-72px;height:auto;position:absolute;right:-24px;width:200px}.components-poster .avatar-section{align-items:center;display:flex;gap:12px;padding-bottom:20px;padding-top:40px}.components-poster .avatar-section .avatar-img{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.components-poster .avatar-section .avatar-text{display:flex;flex:1;flex-direction:column;gap:8px}.components-poster .avatar-section .avatar-text1{color:#fff;font-size:20px;line-height:24px}.components-poster .branding-section{align-items:center;display:flex;justify-content:space-between}.components-poster .branding-section .brand-left{color:#fff;display:flex;flex-direction:column;font-size:20px;line-height:1.4}.components-poster .branding-section .brand-left .poster-gift-line .gift-highlight{color:#ff8018}.components-poster .branding-section .brand-left .poster-gift-line .gift-plus{color:#fff;margin:0 2px}.components-poster .branding-section .brand-right{line-height:1}.components-poster .branding-section .code-image{background-color:#fff;border-radius:4px;padding:4px}.share-poster-result{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.share-poster-result.hidden{display:none}.share-poster-result .share-mask{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.share-poster-result .close-button{color:#fff;cursor:pointer;display:flex;padding:4px;position:absolute;right:16px;top:16px;z-index:3}.share-poster-result .share-image{max-height:70%;-o-object-fit:contain;object-fit:contain;position:relative;width:520px;z-index:2}.share-poster-result .share-desc{color:#fff;font-size:14px;position:relative;z-index:2}.share-poster-result .share-desc-loading{align-items:center;display:flex;gap:8px}.share-poster-result .loading-spinner{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:18px;width:18px}.share-poster-result .share-desc-action{align-items:center;display:flex;gap:12px}.share-poster-result .action-button{align-items:center;border:1px solid #fff;border-radius:40px;box-shadow:none;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:40px;justify-content:center;margin-top:20px;min-width:100px;outline:none;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.share-poster-result .action-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.share-poster-result .action-button:hover:not(:disabled){box-shadow:0 4px 12px #ffffff1a;transform:translateY(-1px)}.share-poster-result .action-button:active:not(:disabled){transform:translateY(0)}.share-poster-result .action-copy{background-color:transparent;border-color:#fff9;color:#fff}.share-poster-result .action-copy:hover:not(:disabled){background-color:#ffffff1a;border-color:#fffc}.share-poster-result .action-download{background-color:#fff;color:#000}.share-poster-result .action-download:hover:not(:disabled){background-color:#f8f8f8}.components-wechat-qr{display:flex;flex-direction:column;padding:24px 24px 18px;text-align:center}.components-wechat-qr-block{align-items:center;display:flex;height:98px;justify-content:center;width:98px}.components-wechat-qr .title{color:#000;font-size:14px;margin-top:12px;text-align:center}.components-wechat-qr .code-img{width:98px}.share-panel-content{display:flex;justify-content:center;padding:8px 0;width:148px}.share-panel-content .menu-list{display:flex;flex-direction:column;gap:2px;width:100%}.share-panel-content .menu-item{align-items:center;border-radius:2px;color:#333;cursor:pointer;display:flex;gap:12px;height:32px;padding:0 12px;text-decoration:none;transition:background-color .2s}.share-panel-content .menu-item .share-icon{background-image:url(./social-share-sprite.b5c06128.png);background-repeat:no-repeat;background-size:120px;border-radius:4px;cursor:pointer;height:20px;transition:transform .2s;width:20px}.share-panel-content .menu-item .ant-spin{line-height:1;margin-left:4px}.share-panel-content .menu-item:hover{background-color:#f4f5fa}.share-panel-content .twitter{color:#1da1f2}.share-panel-content .qq{color:#fac601}.share-panel-content .facebook{color:#1877f2}.share-panel-content .weibo{color:#f79504}.share-panel-content .wechat{color:#28c445}.share-panel-content .divider{background-color:#9093a533;height:1px;margin:8px auto;width:calc(100% - 24px)}.share-panel-popover .ant-popover-arrow{display:none}.share-panel-popover .ant-popover-inner{border-radius:8px;padding:0}.share-panel-lang-popover .ant-popover-inner{padding:8px 0}.share-panel-lang-popover .ant-popover-inner-content{min-width:120px}.share-panel-lang-popover .ant-menu-title-content{align-items:center;display:flex;gap:8px}.share-panel-lang-popover .ant-menu-title-content .icon{visibility:hidden}.share-panel-lang-popover .ant-menu-item-selected{color:var(--text-color-primary)}.share-panel-lang-popover .ant-menu-item-selected .icon{visibility:visible}.share-panel-lang-popover .ant-menu .ant-menu-item-selected{background-color:transparent;color:var(--text-color-primary)}.share-panel-lang-popover .ant-menu-inline,.share-panel-lang-popover .ant-menu-vertical,.share-panel-lang-popover .ant-menu-vertical-left{border:none}.share-panel-lang-popover .ant-menu .ant-menu-item-active:not(.ant-menu-item-selected),.share-panel-lang-popover .ant-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background-color:#f5f5f5;color:#000}