.year-end-summary-poster-pc .ant-modal-content{width:420px}.year-end-summary-poster-pc .ant-modal-body{padding-top:8px}.YearEndSummaryModal .ant-modal-content{position:relative;background-color:transparent;box-shadow:none}.YearEndSummaryModal .ant-modal-body{padding:0;text-align:center}.bg{width:500px;height:auto;aspect-ratio:1}@media (max-width:500px){.bg{width:calc(100vw - 16px)}}.close-icon{position:absolute;bottom:24px;left:50%;color:#fff;font-size:30px;transform:translateX(-50%)}.apply{position:absolute;bottom:220px;left:76px;font-size:10px;line-height:15px}.generate-btn{position:absolute;bottom:137px;left:87px;width:188px;height:53px;background:transparent;border:none}.YearEndSummaryPoster{position:relative;display:flex;justify-content:center;padding-top:16px}.YearEndSummaryPoster .poster{position:relative;width:375px;height:666.66px;box-shadow:0 0 6px 0 rgba(0,0,0,.1)}.YearEndSummaryPoster .data-card{padding:12px 6px;font-weight:500;font-size:13px;background:#fff;border-radius:8px}.YearEndSummaryPoster .poster-image,.poster-bg{position:absolute;top:0;left:0;z-index:1;width:100%;height:auto}.YearEndSummaryPoster .poster-image{top:16px;left:calc((100vw - 375px) / 2);z-index:99;width:375px;height:auto}.YearEndSummaryPoster .content{position:relative;z-index:3;padding:32px 12px 0;color:#333;background:transparent}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .header{display:flex;align-items:center;margin:2px 0 36px 14px}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .header .YearEndSummaryPoster .content .header .avatar{width:28px;height:28px;margin-right:6px;overflow:hidden;border-radius:50%}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .header .YearEndSummaryPoster .content .header .avatar .YearEndSummaryPoster .content .header .avatar img{width:100%;height:100%;object-fit:cover}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .header .YearEndSummaryPoster .content .header .nickname{width:100%;font-weight:500;font-size:14px}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .keyword-section{margin-bottom:16px}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .keyword-section .YearEndSummaryPoster .content .keyword-section .keyword{height:72.28px;margin:12px 24px 12px 14px;color:#103dae;font-weight:700;font-size:46px}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .keyword-section .YearEndSummaryPoster .content .keyword-section .keyword-extra{font-family:JingNanBoBoHei,sans-serif;background:linear-gradient(180deg,#0772f5,#0a2466);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .direction-vertical{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia,.shang{position:relative;display:flex;gap:8px}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia .YearEndSummaryPoster .content .xia>div{font-weight:500}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia .YearEndSummaryPoster .content .xia span{color:#1890ff;font-weight:700;font-size:16px}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia .YearEndSummaryPoster .content .xia .thing-3,.thing-1,.thing-2{position:absolute}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia .YearEndSummaryPoster .content .xia .thing-1{bottom:-33px;left:126px;width:60px;height:auto}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia .YearEndSummaryPoster .content .xia .thing-2{top:46px;right:-10px;width:36px;height:auto}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia .YearEndSummaryPoster .content .xia .thing-3{bottom:-12px;left:126px;width:40px;height:auto}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia .YearEndSummaryPoster .content .xia .extra{display:flex;flex-direction:column;align-items:center}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia .YearEndSummaryPoster .content .xia .slogan{margin:8px 0;color:#bcfa82;font-weight:600;font-size:15px;line-height:20px;text-align:center}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia .YearEndSummaryPoster .content .xia #qrcode{display:inline-block;padding:5px 5px 0;background-color:#fff}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia .YearEndSummaryPoster .content .xia .tips{width:100%;margin-top:8px;color:#fff;font-size:12px;text-align:center}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .shang{margin:0 6px 30px}.YearEndSummaryPoster .content .YearEndSummaryPoster .content .xia{margin:0 6px;align-items:flex-start}.popup-ad-modal .ant-modal-content{padding:0;border-radius:8px;overflow:hidden;background-color:transparent;box-shadow:none}.popup-ad-container{position:relative;overflow:hidden}.popup-ad-item{position:relative}.popup-ad-close-btn{position:absolute;top:10px;right:10px;z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:rgba(0,0,0,.5);border-radius:50%;color:#fff;cursor:pointer;font-size:12px;transition:background-color .3s}.popup-ad-close-btn:hover{background-color:rgba(0,0,0,.7)}.popup-ad-image{max-width:100%;display:block;border-radius:4px;width:500px;height:auto}