.bNavigator{width:100%;position:fixed;bottom:0;left:0;right:0;margin:0 auto;z-index:1000}.nIntro{width:100%;height:0;overflow:hidden;display:none}.nIntroShow{height:100vh;display:block}.nIntroItem{width:90%;height:50px;position:absolute;top:65px;left:0;right:0;margin:0 auto;border-radius:5px;background:linear-gradient(180deg, #ffb8db 0%, #fec9c9 100%)}.nIntroContent{width:100%;height:0;background:#fff;box-shadow:0px -8px 44px 0px rgba(0,0,0,0.36);border-radius:20px 20px 0px 0px;position:absolute;bottom:50px;transition:height 0.3s}.nIntroContentRise{height:131px}.content{width:300px;height:40px;line-height:40px;color:#333;font-size:13px;margin:5px auto;text-align:center}.fanContent{line-height:20px}.nIntroItemImage{width:133px;position:absolute;top:-178px;right:0px}.bnLogo{width:74px;position:absolute;top:18px;left:30px}.addToScreen{width:135px;height:28px;border-radius:18px;border:0.7px solid #cecece;position:absolute;top:20px;right:30px;font-size:11px;background-image:-webkit-linear-gradient(0deg, #ad19ff, #1c95f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;line-height:28px;text-align:center}.bottomNavigator{width:100%;height:60px;color:rgba(0,0,0,0.3);box-shadow:0px -1px 14px 0px rgba(0,0,0,0.07);display:flex;background:#fff;position:relative}.bottomNavigatorWihtHistory{height:50px}.nItem{width:25%;height:50px;text-align:center;position:relative;-webkit-tap-highlight-color:transparent;line-height:1}.nItem:active .nItemTitle p{opacity:1;text-shadow:2px 2px 2px rgba(0,0,0,0.4)}.circle{width:37px;height:37px;border-radius:19px;position:absolute;top:6px;left:0;right:0;margin:0 auto;background:#ffa2a2}.nItemTitle{width:60px;height:100%;position:absolute;top:10px;left:0;right:0;margin:0 auto}.nItemTitle p{margin:0;color:#000;opacity:0.4}.nItemTitle p:nth-child(1){font-size:13px}.nItemTitle p:nth-child(2){font-size:10px;opacity:0.2}.bottomSearchNavigatorIcon{width:22px;height:22px;display:block;margin:0 auto}.activeTitle p{opacity:1}.arrow{position:relative}.arrow:after,.arrow:before{top:-1px;left:20px;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.arrow:after{border-color:transparent;border-width:13px;margin-left:-10px}.arrow:before{border-color:transparent;border-width:13px;margin-left:-10px}.arrowFree:after{border-top-color:#fec9c9}.arrowFree:after,.arrow:before{left:63%}.arrowExplore{background:#e1caff}.arrowExplore:after{border-top-color:#e1caff}.arrowExplore:after,.arrowExplore:before{left:90%}.bottomSearchNavigator{background:#fff;width:100%;height:75px;color:rgba(0,0,0,0.3);box-shadow:0px -1px 14px 0px rgba(0,0,0,0.07);display:flex;position:relative;padding-top:9px}.bottomSearchNavigator .nItemTitle{top:5px}.bottomSearchNavigator .nItemTitle p{opacity:1;margin-top:6px}.mainSearchItem img{width:40px;height:40px}.discoverCircle,.storyCircle,.welfareCircle,.userCircle{width:15px;height:15px;border-radius:8px;position:absolute;top:2px;right:24px}.discoverCircle{background:#FF9999}.storyCircle{background:#99A3FF}.welfareCircle{background:#FFD02A}.userCircle{background:#FF99D0}.topAddScreen{width:100%;height:50px;background:#f3f3f3;position:relative;color:#333}.topAddScreen span:nth-child(2){font-size:13px;position:absolute;top:8px;left:60px;font-weight:bold}.topAddScreen span:nth-child(3){font-size:10px;position:absolute;top:26px;left:60px}.pwaLogo{width:30px;position:absolute;top:10px;left:20px}.topAddScreenBtn{min-width:90px;height:31px;border-radius:5px;background:#ff5858;position:absolute;top:10px;right:20px;color:#fff;font-size:12px;border:none;outline:none}.layer{position:fixed;top:0;bottom:0;right:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.8);z-index:-100;transition:all 0.3s;opacity:0}.layerActive{z-index:100;opacity:1}.addScreenTip{width:288px;border-radius:10px;position:fixed;top:70px;left:0;right:0;margin:0 auto}.componentClass{transform:scale(0);z-index:-100;transition:all 0.3s}.componentActive{z-index:100;transform:scale(1)}.closeBtn{width:10px;height:10px;position:fixed;top:45px;right:15%;z-index:100}.wechatTip{width:282px;height:88px;border-radius:10px;border:1px dashed #fff;position:fixed;top:45px;right:15px;color:#fff}.wechatTip .wechatTipContent:nth-child(2){margin-top:5px}.wechatTipContent{font-size:12px;margin:13px auto 5px;text-align:left;text-indent:1em}.wechatTipContent label{width:28px;height:17px;background:#fff;border-radius:9px;color:#000;display:inline-block;text-indent:0;text-align:center}.wechatTipContent span,.wechatTipContent img{vertical-align:middle}.bendarrow{width:24px;height:32px;position:absolute;top:-40px;right:10px}.lighting{width:10.5px;position:absolute;top:-10px;left:-15px}.pwaLogoW{width:30px}.topApplication{width:100%;height:50px;background:#f3f3f3;position:relative;color:#333}.topApplicationBtn{min-width:90px;height:31px;border-radius:5px;background:#8357ff;position:absolute;top:10px;right:20px;color:#fff;font-size:12px;border:none;outline:none;font-family:PingFangSC-Semibold}.topApplication span:nth-child(2){font-size:13px;position:absolute;top:8px;left:60px;font-weight:bold}.topApplication span:nth-child(3){font-size:10px;position:absolute;top:26px;left:60px}.topApplicationLogo{width:30px;position:absolute;top:10px;left:20px;border-radius:6px}@media screen and (min-width: 500px){.bNavigator{display:none}}.common_header{width:100%;height:60px;background:#fff;box-shadow:0px 2px 10px rgba(16,16,16,0.1);position:fixed;top:0;left:0;right:0;margin:0 auto;color:#000;z-index:1030;display:flex;align-items:center;padding:0 15px;justify-content:space-between}.mobile_header_left_group{display:flex;align-items:center;gap:8px}.mobile_menu_toggle{background:none;border:none;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;color:#333;z-index:1;position:relative}.mobile_menu_toggle svg{width:24px;height:24px;display:block}.offcanvas-start{width:280px;border-right:1px solid rgba(0,0,0,0.05)}.offcanvas-header{padding:15px;border-bottom:1px solid rgba(0,0,0,0.05);background:#fff}.offcanvas-header .home_brand{display:flex;align-items:center;justify-content:center;width:100%}.offcanvas-header .home_brand img{width:106px;height:auto}.offcanvas-header .btn-close{position:absolute;right:15px;top:30px;transform:translateY(-50%);font-size:14px;opacity:0.7}.offcanvas-body{padding:15px}.mobile_offcanvas_nav{display:flex;flex-direction:column;gap:8px}.mobile_offcanvas_nav .mobile_nav_link{display:flex;align-items:center;padding:12px 15px;text-decoration:none;color:#333 !important;font-size:15px;border-radius:8px;transition:all 0.2s ease}.mobile_offcanvas_nav .mobile_nav_link:hover{background-color:rgba(0,0,0,0.05);transform:translateX(4px)}.mobile_offcanvas_nav .mobile_nav_link[style*="#7020FF"]{color:#7020FF !important}.mobile_offcanvas_nav .mobile_nav_link[style*="#BC9B5C"]{color:#BC9B5C !important}.mobile_offcanvas_nav .mobile_nav_link[style*="#FF5A82"]{color:#FF5A82 !important}.mobile_offcanvas_nav .mobile_nav_link{display:flex;align-items:center;gap:4px}.common_header_back_btn{width:28px;height:28px;order:1;margin-right:10px;flex-shrink:0}.common_header_main_title{width:auto;max-width:calc(100% - 100px);height:auto;margin:0;font-size:10px;text-align:center;flex-shrink:1}.mobile_header_left_group .common_header_main_title.home_brand{margin:0;text-align:left;flex-shrink:0}.common_header_main_title img{width:106px;height:auto;display:block}.common_header_user_avatar{width:30px;height:30px;border-radius:15px;order:3;margin-left:10px;flex-shrink:0}.common_header_user_avatar img{width:30px;height:30px;border-radius:15px}.common_header_add_to_screen_btn{min-width:90px;height:30px;text-align:center;line-height:30px;font-size:13px;border-radius:5px;padding:0 10px;color:#fff;font-weight:bold;background:linear-gradient(45.5deg, #ffb35a -1.11%, #fa46b9 68.2%);white-space:nowrap;flex-shrink:0}.pc_common_header{width:100%;height:70px;position:fixed;top:0;left:0;right:0;margin:0 auto;color:#000;z-index:11;display:flex;align-items:center;background:#fff;box-shadow:0px 2px 10px rgba(16,16,16,0.1);padding:0 60px;justify-content:flex-start;line-height:1.5;font-family:PingFang SC, sans-serif;letter-spacing:0}.pc_common_header_brand{padding-top:0;padding-bottom:0;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap;display:flex;align-items:center;flex-shrink:0}.pc_common_header .navbar-brand img{width:130px;display:block}.pc_common_header .navbar_nav{padding-top:0;display:flex;align-items:center;height:100%;flex-shrink:0}.pc_common_header_navbar_nav{font-weight:400;letter-spacing:unset}.pc_common_header .pc_nav_link{font-size:15px;text-decoration:none;color:#000 !important;transition:all 0.3s ease;white-space:nowrap;border-radius:6px;padding:8px 12px;margin:0 2px}.pc_common_header_navbar_nav>.pc_nav_link{margin-right:6px}.pc_common_header_navbar_nav>.pc_nav_link:first-child{margin-left:0px}.pc_common_header_navbar_nav>.pc_nav_link:last-child{margin-right:0}.pc_common_header .pc_nav_link{display:flex;align-items:center;gap:4px}.pc_common_header .pc_nav_link svg{width:20px;height:20px;vertical-align:middle;margin-top:-2px}.gradient_link_text{background:linear-gradient(69.25deg, #DF39FA -26.61%, #6750F5 31.97%, #258CFF 84.35%, #56D6FF 126.66%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.pc_common_header .pc_nav_link img{width:20px;vertical-align:-5px;transition:all 0.5s;margin-right:5px}.pc_common_header .pc_nav_link:hover img{transform:scale(1.2)}.pc_common_header_navbar_nav>.pc_nav_link:hover{color:#653DFF !important;background-color:rgba(0,0,0,0.05)}.pc_common_header_navbar_nav>.pc_nav_link[style*="#7020FF"]:hover{color:#7020FF !important}.pc_common_header_navbar_nav>.pc_nav_link[style*="#BC9B5C"]:hover{color:#BC9B5C !important}.pc_common_header_navbar_nav>.pc_nav_link[style*="#FF5A82"]:hover{color:#FF5A82 !important}.pc_common_header_search_wrap{width:0;height:38px;border-radius:20px;position:relative;margin:0 30px;border:2px solid transparent;background-image:linear-gradient(#fff, #fff),linear-gradient(to right, #df39fa, #6750f5, #258cff, #56d6ff);background-origin:border-box;background-clip:padding-box, border-box;transition:width 0.3s;overflow:hidden;flex-shrink:1}.pc_common_header_search_input{width:100%;height:100%;outline:none;color:#000;font-size:13px;background:transparent;border:0;font-family:"PingFang SC", sans-serif;resize:none;padding:0 45px 0 15px;margin:0;box-sizing:border-box;position:relative;z-index:1}.pc_common_header_send_message_btn{width:30px;height:30px;cursor:pointer;position:absolute;top:45%;transform:translateY(-50%);right:0px;z-index:2;margin:0}.pc_common_header_publish_btn{padding-top:0;font-size:16px;font-weight:600;letter-spacing:0.05em;margin-left:auto;white-space:nowrap;flex-shrink:0}.pc_common_header_publish_btn a{text-decoration:none;color:#6750F5;padding:8px 15px;border-radius:6px;transition:background-color 0.3s ease}.pc_common_header_publish_btn a:hover{background-color:rgba(103,80,245,0.1)}.common_header_login_wrap{position:relative;display:flex;align-items:center;margin-left:15px;flex-shrink:0}.pc_common_header_login_avatar{width:30px;height:30px;margin-top:0;cursor:pointer;border-radius:15px;display:block}.common_header_logout{position:absolute;top:55px;right:0;background:white;width:100px;padding:10px 0;text-align:center;border-radius:6px;box-shadow:0px 2px 10px rgba(16,16,16,0.1);z-index:11}.common_header_logout button{width:80px;height:38px;border:none;outline:none;border-radius:12px;font-size:13px;background-color:#f8f9fa;cursor:pointer;display:block;margin:0 auto}.nav_second_row{position:absolute;top:70px;left:0;width:100%;background:rgba(255,255,255,0.95);padding:10px 60px 10px 0;box-shadow:0px 5px 15px rgba(0,0,0,0.08);z-index:9;display:flex;justify-content:flex-start;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(0,0,0,0.05);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s}.nav_second_row_spacer{flex-basis:180px;flex-shrink:0;height:1px}.nav_second_row .pc_nav_link{color:#333 !important}.nav_second_row .pc_nav_link:nth-child(2){margin-left:2px}.nav_second_row .pc_nav_link:hover{background-color:rgba(0,0,0,0.05);color:#653DFF !important}.pc_common_header:hover .nav_second_row{opacity:1;visibility:visible;transform:translateY(0);transition:opacity 0.3s ease, transform 0.3s ease, visibility 0s 0s}@media (max-width: 1220px){.pc_common_header_search_wrap{display:none}}@media (max-width: 1020px){.pc_common_header .pc_common_header_navbar_nav,.pc_common_header .pc_common_header_publish_btn,.pc_common_header .common_header_login_wrap{display:none}}@media (max-width: 768px){.pc_common_header{padding:0 20px}.nav_second_row{padding:10px 20px 10px 0}.pc_common_header .pc_nav_link:first-child{margin-left:15px}.nav_second_row_spacer{flex-basis:100px}}@media (min-width: 1021px){.mobile_menu_toggle{display:none}}.pc_nav_arrow_icon{display:flex;align-items:center;justify-content:center;margin-left:8px;color:#333;transition:all 0.3s ease;cursor:pointer}.pc_common_header:hover .pc_nav_arrow_icon{transform:rotate(180deg);color:#653DFF}.pc_common_header_navbar_nav>.pc_nav_link:last-child{margin-right:8px}#share_tip_model .modal-content,#share_link_model .modal-content,#comment_share_card .modal-content{background:none;border:none}.shareTip{width:287px;height:360px;background:#F5F8F9;box-shadow:0 10px 10px 3px rgba(0,0,0,0.5);border-radius:7px;position:fixed;top:100px;left:0;right:0;margin:0 auto}.shareLinkTip{width:287px;min-height:150px;background:#F5F8F9;box-shadow:0 10px 10px 3px rgba(0,0,0,0.1);border-radius:7px;padding:20px;font-size:13px;margin:0 auto}.shareCommentCard{width:300px;min-height:150px;background:#F5F8F9;box-shadow:0 10px 10px 3px rgba(0,0,0,0.1);border-radius:20px;font-size:13px;margin:0 auto;border:3px solid #34C17A;font-family:PingFang SC}.shareLinkContent{word-break:break-all}.shareLinkContentTip{width:100%;height:30px;background:#dee2e6;border-radius:3px;text-align:center;margin-top:15px;line-height:30px}.shareTextBg{width:250px;height:163px;position:absolute;top:30px;left:0;right:0;margin:0 auto}.userAvatar{width:51px;height:51px;border-radius:100%;position:absolute;top:60px;left:0;right:0;margin:0 auto}.hornIcon{width:23px;height:22px;position:absolute;top:55px;right:105px}.shareTipTitle{font-size:23px;color:#0C0C26;letter-spacing:0.82px;text-align:center;text-shadow:2px 2px 1px #F8E71C;position:absolute;top:120px;left:0;right:0;margin:0 auto;font-weight:900}.shareTipSlogan{font-family:PingFangSC-Medium;font-size:14px;color:#4A4A4A;letter-spacing:0.5px;position:absolute;top:90px;left:0;right:0;margin:0 auto}.activityContentBtn{background-image:linear-gradient(42deg, #6289FF 0%, #6E54FD 100%);box-shadow:0 2px 20px 0 rgba(0,0,0,0.24);border-radius:20px;width:206px;height:40px;font-size:12px;line-height:40px;position:absolute;top:300px;left:0;right:0;margin:0 auto;font-weight:bold}.wxTip,.linkTip,.browserTip{width:216px;height:50px;font-family:PingFangSC-Semibold;font-size:14px;color:#000;letter-spacing:0.87px;text-align:left;text-indent:5em;line-height:50px;position:absolute;left:0;right:0;margin:0 auto}.wxTip{top:224px;background:url("../png/5a0081f6381000bd9d6d22ee0fc870b9.png") no-repeat;background-size:216px 50px}.linkTip{top:285px;background:url("../png/a6ba82bcebb1df838d30ed96ef6e95b7.png") no-repeat;background-size:216px 50px}.browserTip{top:224px;background:url("../png/544e1e1bcb5cb2c31986d79250790b9f.png") no-repeat;background-size:216px 50px}.wxTip img,.linkTip img{width:24px;height:24px;position:absolute;top:15px;left:25px}.closeBtn{width:10px;height:10px;position:absolute;top:-20px;right:0}.shareCommentCardTopTip{width:300px;height:80px;margin:0 auto 10px;color:#fff;text-align:left;font-size:13px;font-weight:bold;border-radius:12px;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center}.shareCommentCardTopTipHighline{text-decoration:none;background:linear-gradient(86.5deg, #FF01A9 0%, #FFD74A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-size:16px}.shareCardIconWrap{width:100%;height:300px;border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden;position:relative}.shareCardProjectIcon{width:100%;height:100%;position:relative}.shareCardIconWrapTag{width:125px;height:30px;color:#fff;background:#34C17A;text-align:center;line-height:27px;font-size:15px;position:absolute;top:0;left:0;border-bottom-right-radius:18px}.shareCardProjectText{display:flex;flex-wrap:wrap;align-content:flex-end;width:100%;height:100%;position:absolute;bottom:0;left:0;font-weight:bold;padding:0 0 10px 10px;color:#fff;background:linear-gradient(to bottom, rgba(204,214,252,0.05) 30%, rgba(52,193,122,0.6) 100%)}.shareCardProjectName{font-size:26px;width:100%}.shareCardProjectDesc{font-size:16px}.shareCommentContent{width:100%;height:238px;padding:15px}.shareCommentContentUserAvatar{width:30px;height:30px;border-radius:15px}.cardQuotationMark{width:28px;margin-left:5px}.shareCommentContentText{width:100%;height:68px;font-size:15px;text-indent:2.6em;color:#000;margin-top:5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.shareCardQRcodeWrap{display:flex;margin-top:15px;justify-content:space-between;align-items:flex-end}.shareCardQRcodeWrapLeft{font-weight:bold}.shareCardQRcodeWrapLeft p{margin-bottom:2px}.shareCardQRcodeWrapLeftTitle{font-size:15px}.shareCardQRcode{position:relative}.shareQRcodeMiddleLogo{position:absolute;top:30px;left:0;right:0;margin:0 auto;width:30px;height:30px}.modal-backdrop.show{opacity:0.9}.customCloseShareCommentCardBtn{width:28px;height:28px;border-radius:15px;position:absolute;bottom:8px;right:0;cursor:pointer}.shareCard{width:300px;height:401px;background:url("../png/38ca94d16990116171316a1cf74c2a4d.png");background-size:300px 401px;margin:0 auto;z-index:5}.shareCardIcon{width:50px;height:50px;border-radius:8px;position:absolute;top:40px;left:0;right:0;margin:0 auto}.shareCard span{color:#fff;font-size:14px;position:absolute;top:70px;left:0;right:0;margin:0 auto}.QRcodeComponent{width:130px;height:130px;position:absolute;top:193px;left:0;right:0;margin:0 auto}#user-profile-card-wrapper{font-family:PingFang SC, sans-serif;width:420px}.user-profile-card{height:180px;border-radius:12px;box-shadow:0px 4px 20px rgba(0,0,0,0.1);background:linear-gradient(96.75deg, rgba(255,255,255,0.6) -40.64%, rgba(255,255,255,0.6) 102.3%);backdrop-filter:blur(50px);position:relative;overflow:hidden;color:#000;display:flex;padding:20px;box-sizing:border-box}.user-profile-card.guest-view{flex-direction:column;justify-content:space-between;align-items:center;text-align:center;background:linear-gradient(110deg, #f9f4ff 0%, #e9dffc 100%);color:#333}.guest-promo-content{width:100%}.promo-title-line{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px}.gem-icon-deco{width:24px;height:24px;animation:sparkle 2.5s infinite ease-in-out}.promo-title{font-size:16px;font-weight:bold;margin:0;line-height:1.5}.promo-title .gem-amount{color:#8a2be2;font-weight:900;font-size:18px}.promo-subtitle{font-size:12px;opacity:0.7;color:#444;margin-top:12px;margin-bottom:12px}.promo-subtitle .highlight-gold{color:#c79000;font-weight:bold}.promo-link{color:#6750F5;font-weight:bold;text-decoration:none;font-size:12px}.promo-link:hover{color:#5A44D4}.login-prompt-btn{background:#6750F5;color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:bold;cursor:pointer;margin-top:5px;transition:background 0.3s}.login-prompt-btn:hover{background:#5A44D4}.user-profile-card.user-view{justify-content:space-between;align-items:center;background:linear-gradient(96.75deg, rgba(255,255,255,0.6) -40.64%, rgba(255,255,255,0.6) 102.3%);color:#000}.user-details-area{display:flex;flex-direction:column;justify-content:center}.user-info-section{display:flex;align-items:center}.user-avatar{width:60px;height:60px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}.user-name-and-status{margin-left:15px;display:flex;flex-direction:column}.user-name{font-size:18px;font-weight:bold;text-shadow:none}.pro-badge-link{text-decoration:none}.pro-badge{font-size:12px;padding:4px 10px;border-radius:15px;margin-top:8px;display:inline-block;font-weight:bold;transition:all 0.3s}.pro-badge.not-pro{background:#e0e0e0;color:#333}.pro-badge.not-pro:hover{background:#d0d0d0}.pro-badge.is-pro{background:linear-gradient(45deg, gold, #F0C040);color:#4D2D00;text-shadow:0 0 5px rgba(255,223,130,0.7);box-shadow:0 4px 10px rgba(0,0,0,0.3);transform:scale(1.05)}.pro-badge.is-pro:hover{transform:scale(1.1) translateY(-1px)}.user-message-section{margin-top:15px;font-size:12px;opacity:0.8}.user-message-section .promo-link{display:inline-block}.gem-balance-section{text-align:right;display:flex;align-items:flex-end}.gem-count{font-size:28px;font-weight:bold;background-image:linear-gradient(to right, #7604C0, #EC38BC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-right:5px}.gem-icon{width:32px;height:32px;vertical-align:middle}.hide{display:none !important}@keyframes sparkle{0%, 100%{transform:scale(1) rotate(0deg);opacity:0.7}50%{transform:scale(1.2) rotate(15deg);opacity:1}}@media (max-width: 576px){#user-profile-card-wrapper{width:90%;margin:0 auto}.user-profile-card{height:auto;min-height:136px;padding:15px;background:linear-gradient(96.75deg, rgba(5,0,255,0.3) -40.64%, rgba(255,56,187,0.3) 102.3%);color:#fff}.user-profile-card.guest-view{background:linear-gradient(110deg, #f9f4ff 0%, #e9dffc 100%);color:#333}.promo-title{font-size:16px}.promo-subtitle{font-size:11px}.login-prompt-btn{padding:8px 16px;font-size:13px}.user-avatar{width:50px;height:50px}.user-name{font-size:16px}.pro-badge{font-size:11px}.gem-count{font-size:22px}.gem-icon{width:28px;height:28px}.user-message-section{font-size:11px}}