.nav-bar{position:fixed;width:100%;top:0;left:0;z-index:999;background-color:transparent;transition:background-color .2s ease-in}.nav-bar.transparent{background-color:transparent}.nav-bar.iOS{height:64px;height:constant(safe-area-inset-top);height:env(safe-area-inset-top)}.nav-bar__content{display:flex;position:absolute;width:100%;height:44px;padding:0 16px 4px;bottom:0;left:0;justify-content:space-between;align-items:flex-end}.nav-bar__content .btn-back svg{margin-right:12px}.nav-bar__content .btn-back,.nav-bar__content .btn-share{min-width:20px;flex-shrink:0}.nav-bar__content__title{margin:0 20px;flex:1 1;font-size:17px;text-align:center;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-bar__content-right{display:flex;justify-content:flex-end}.nav-bar__icon{width:36px;height:36px;background-color:var(--overlay_standard_primary);border-radius:50%;display:flex;justify-content:center;align-items:center}.header-banner{width:100vw;height:65.06666667vw;position:relative;top:0}.header-banner__bg{position:absolute;top:0;width:100vw;height:72.53333333vw;background-position:center center;background-size:contain;background-repeat:no-repeat;z-index:-1}.header-banner__banner{position:absolute;top:0;right:0;background-position:center center;background-size:contain;background-repeat:no-repeat;z-index:0}.header-banner__banner-default{width:100vw;height:72.53333333vw}.header-banner__banner-config{width:67.2vw;height:69.33333333vw}.header-banner__info{position:absolute;left:.16rem;bottom:.06rem;display:flex;flex-direction:column}.header-banner__info-avatar{margin-bottom:.02rem;width:.44rem;height:.44rem;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center}.header-banner__info-avatar .avatar{width:.4rem;height:.4rem;border-radius:50%}.header-banner__info-desc{height:.2rem;color:var(--text_primary, #000);font-family:PingFang SC;font-size:.14rem;font-style:normal;font-weight:500;line-height:.2rem;margin-bottom:.1rem;display:flex}.header-banner__info-desc .nickname{max-width:.86rem;margin-right:.04rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-banner__info-label{color:var(--text_primary, #000);font-family:PingFang SC;font-size:.1rem;font-style:normal;font-weight:400;line-height:.12rem;margin-bottom:.08rem;display:flex;align-items:center;gap:.02rem}.header-banner__info-label .icon{width:.12rem;height:.12rem;background-position:center center;background-size:contain;background-repeat:no-repeat}.header-banner__info-medal{color:var(--text_primary, #000);font-family:DIN-NextLT-Pro-QQ;font-size:.3rem;font-style:normal;font-weight:700;line-height:.3rem}.header-banner__info-medal-sum{margin-right:.04rem}.header-banner__info-medal-daren{width:.4rem}.medal-list{width:3.72rem;text-align:center;position:relative;padding-top:.24rem;margin:0 auto;height:auto;flex-wrap:wrap;display:flex;align-items:center;font-size:.17rem}.medal-list .medal-item{display:flex;flex-direction:column;align-items:center;gap:.08rem;height:2.23rem;width:1.86rem}.medal-list .medal-item__icon{width:1.4rem;height:1.4rem;background-position:center;background-size:cover;background-repeat:no-repeat}.medal-list .medal-item__icon:active{transform:scale(.8);transition:transform 1s}.medal-list .medal-item__icon-wrapper{position:relative}.medal-list .medal-item__icon-shining-mask{visibility:hidden;position:absolute;top:0;right:0;left:0;bottom:0;width:1.4rem;height:1.4rem;-webkit-mask-size:auto 100%;-webkit-mask-position:50% 50%;-webkit-mask-image:url(https://qq-web.cdn-go.cn/monorepo/7625e7f1/ti.qq.com_qqmedal-v2/assets/loading-mask-11b6f543.png?_bid=2450)}.medal-list .medal-item__icon-shining-mask:after{position:absolute;top:0;right:0;left:0;height:34.38735178%;content:"";display:block;background:url(https://qq-web.cdn-go.cn/monorepo/7625e7f1/ti.qq.com_qqmedal-v2/assets/loading-hight-light-287d443e.png?_bid=2450) 50% 50% no-repeat;background-size:100% 100%!important;-webkit-animation:am-loading-height-light 1s infinite;animation:am-loading-height-light 1s infinite}.medal-list .medal-item__content{display:flex;flex-direction:column;gap:.02rem;justify-content:flex-start;align-items:center}.medal-list .medal-item__content-name{position:relative}.medal-list .medal-item__content-name .name-text{font-family:PingFang SC;font-size:.16rem;font-weight:500;color:var(--text_primary, #000);text-align:center}.medal-list .medal-item__content-tag{position:absolute;top:50%;left:calc(100% + .04rem);transform:translateY(-50%);white-space:nowrap}.medal-list .medal-item__content-time{display:flex;height:.17rem;gap:.02rem;justify-content:center;align-items:center;font-family:PingFang SC;font-size:.12rem;font-weight:400;color:#8c8c8c;text-align:center}@keyframes am-loading-height-light{0%{-webkit-transform:translateY(-50%) translateZ(0);transform:translateY(-50%) translateZ(0)}to{-webkit-transform:translateY(350%) translateZ(0);transform:translateY(350%) translateZ(0)}}.page-detail{width:100vw;height:100vh;position:absolute;top:0;z-index:10;display:none;opacity:0}.medal-detail{position:relative;width:100vw;height:100vh;top:0;padding-top:calc(var(--sizeRatio, 1) * 112 * .01rem)}.medal-detail .medal-position{display:block;visibility:visible;position:relative;top:0;right:0rem;left:0rem;margin:auto;width:3.19rem;height:3.52rem}.medal-detail__info{position:relative;top:0;margin-top:.29rem;width:100vw;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.medal-detail__info__name-area{position:relative;height:auto;display:flex;flex-direction:row;justify-content:center}.medal-detail__info__name-area-desc{color:#fff;font-size:.2rem;font-style:normal;font-weight:500;line-height:.28rem}.medal-detail__info__name-area-tag{width:.4rem;height:.25rem;border-radius:.06rem;margin-left:.08rem;background-color:var(--base-color-orange-1, #FFF4EC);color:var(--base-color-orange-6, #FF8D40);font-size:.12rem;font-weight:400;display:flex;justify-content:center;align-items:center}.medal-detail__info__time{height:.2rem;color:rgba(255,255,255,.8);font-feature-settings:"clig" off,"liga" off;font-family:PingFang SC;font-size:.14rem;font-style:normal;font-weight:400;line-height:.2rem;margin-top:.04rem}.medal-detail__info__split{width:2.69rem;height:.03rem;margin:.16rem 0;background-position:center;background-size:100%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAAAFCAYAAABiiBryAAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACDSURBVHgB7dlBDoIwFIThedqoMW6M9z+hcam4IJQhsIH0cQH+L5kQWLCbtK8NAUjVWm9+PJ3BeUfEIABNJwHY83DCOTsXAUgV78BeAo6t8+Tx2350N4rWi8jV+bd+QI8AdcVF+ghAyzSZ9E5Z3tOJnh4Bc2EAJDx53DUfd02+3KEAuRESVBsThua5TgAAAABJRU5ErkJggg==)}.medal-detail__info__desc{max-width:2.38rem;color:rgba(255,255,255,.6);text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:PingFang SC;font-size:.14rem;font-style:normal;font-weight:400;white-space:pre-wrap;line-height:.2rem}.medal-detail__info__friend-achieve{color:var(--brand_standard, #09F);text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:PingFang SC;font-size:.14rem;font-style:normal;font-weight:500;margin:.48rem auto 0}.medal-detail__btn{position:relative;top:0;margin-top:.24rem;display:flex;flex-direction:row;justify-content:center}.medal-detail__btn--blue{margin-left:.08rem;margin-right:.15rem}.medal-detail__btn--default{color:#fff;margin-left:.15rem}.medal-detail__slider{position:relative;top:0;margin:.24rem auto 0;width:2.83rem;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.medal-detail__slider-wrapper{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.medal-detail__slider-wrapper:not(:last-of-type){flex-grow:1}.medal-detail__slider-line{position:relative;display:block;margin:auto;height:.005rem;border-radius:.19rem;opacity:.5;background:#969797}.medal-detail__slider-item{position:relative;width:.28rem;height:.32rem;background-position:center;background-size:100%;background-repeat:no-repeat}.medal-detail__slider-item.notOwned{opacity:.5}.medal-detail__slider-item.curShowLevel:after{content:"";display:block;position:absolute;top:-.05rem;left:-.05rem;width:.38rem;height:.42rem;background-position:center;background-size:100%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAqCAYAAADf/ynVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARUSURBVHgB7ZhfaFtVHMd/5+Te5KZJxp2pmrGMpU5ckIBxTuzQQkAoPrgxtMWJCHnY7Mtg7EVQKaKggrYo6IvzpQ8OlU4RhiCokIfBUqsj6h5qZTSY9M9m06V/Ym9y7znHc06amrbpmpt2yx7yfbq5OTf3w/1+z805XwTbEJs+EQLLCtX80utNod1DeWhQCBoQY3ENsoUYv3oGBYdTNcdke6N8oN4ooC0wCTS5HJUfzOspUNo7qcPdjdX9+wG5ffI8XchRksthMv85mJ4xUBeiFsOauu9CAmyobjBhGzHNqIOQhLy/6nsVux89AL4Tl0Hd8++GC/KfHaHGzzkMS5+AYeRBUaKAUH6zJ2wbjN2IByyrEFWQYwzt+TLNJnveBPcTB8D70pWaQOuVe/dZao5fwsb8OXC5AxZYIcXtSW5l76Zg5RwtdQKiBgp+k2SZnhhTA6+h3X0JcEZyYEelq35Y+CpCin/+oASHh+rJX00wln2uE3guwJpNghYIMNY2gLzH0+A7Og7bEQdkswPPI1zs2creNWAiR5ZVDCuWwgeaxmqO7jn7E+ykNuRP7QSlHJUNYMKqVdumes8wJdKF9FOX6spRIzKn22Dh/CEojlxDey+8JVyqnr0STHpumoA6vk2RyZMD2HcMtm1bvRL25j58DBXnToKqhiQUtxazm3FdBFFCZV/px+1ncncMSohPJOQ/+yt1tQ/IrHEWMfEwFAribyUlrMSeww/YnnE7BIe9x/JWtjcOljdp8bcBXnlaeebYdRr0U5ehWeIuISV4BHUMGQr/iMU5NnFcR64IgSYLuw465cIAVsDk+0R9MAPNVtuT44SQmDjEcJeqBWZXLTC7aoHZVQvMrlpgdnWXgylKGsiUH5qt4oTfwVhaHEowuV80r/ugyWLF0ahYtIpjDoa08sm/RuUGoZlg5tRvYtEqjlFlYSa2UdTz+CC+9/URaILo7Add2LrSD4To4HDksbCRMBqFkG7gUupjMQDusNjsO0fx8sjXENBm5FKfM8mMOYqlBMksPgN7PWO4ODpIb/TH5Lb+dktEJ/d2NzJSg7DP9701zautlYz9v+Hl637icsYc7rYE5PNAFW8f0sJPofY3LsJtEJ376GlY/uUaNgvvg6bp5QaAJVcztv6C6sKD507n1eBp0A77Qe/bmR3U4sWH6NJ392M6Nygc2qwArF2qTPCmp6pw21bTU5HYcd/8NIbMmfcg6E1WF4CoI2GsH37LfkzYW93I8KcZp+rBbqy/8EfdgCJHS+cP0eXfr+LS4jlhW6UArNhWS3U1imzqxXClcBP2Utj1MnaGI1u1QGty5NG16gJwq3va62A3y5/z4Qy0dWXlIDGbCz8+Qkt/z2Mz84W0raoArPdetlvrDfaKFzS3hiIkM4MRSvMXZEL+zVUVgLVytKNgtQDByWfVfcMzq+dVV5hQK+AgmAOVz9tVw2BrAHnpC8QMlH+Rg5r/jNl9Quv1HyfDQLXC6ofbAAAAAElFTkSuQmCC);z-index:-1}.share-image{width:750px;height:1200px;display:flex;flex-direction:column;position:absolute;z-index:9999;left:-9999px;overflow:hidden;top:0;user-select:none}.share-image .bg-container{width:750px;height:1200px;position:absolute;top:0;left:0}.share-image .mask{width:750px;height:1200px;background-position:center;background-image:url(https://qq-web.cdn-go.cn/monorepo/7625e7f1/ti.qq.com_qqmedal-v2/assets/share-card-bg-ab62a98e.png);background-size:cover;background-repeat:no-repeat;position:absolute;top:0;left:0}.share-image .person-info{display:flex;width:750px;height:48px;padding:0 0 0 48px;gap:16px;justify-content:flex-start;align-items:center;position:absolute;top:48px;left:0}.share-image .avatar{width:48px;height:48px;border-radius:50%}.share-image .user-name{font-family:PingFang SC;font-size:24px;line-height:48px;font-weight:400;color:#000;text-align:left}.share-image .badge-container{width:404px;height:444px;position:absolute;top:176px;left:50%;right:50%;transform:translate(-50%)}.share-image .badge-image{width:388px;height:428px;background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;top:8px;left:8px}.share-image .badge-shadow{width:288px;height:50px;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAAyBAMAAAAOxBuXAAAAJ1BMVEUAAAB1dXVzc3N3d3d1dXV1dXV2dnZ2dnZ2dnZ2dnZ2dnZ3d3d2dnbMT+60AAAADXRSTlMABgoSFw4dISYqLzM5zSK79QAABNpJREFUWMPtmO9x2kAQxXUdSOoAzagCRRXEQwFi1IEGdwB04NABSQdJOnDoABcV7d8ncSBBbCcf4hePIdhGP96+vb1T8qH/Vim+/wOFJB0oy0LIQkaiJyEJJP6191ZQJZk8CkWP5Gz0lSlm/0zR3lypCJcK/MjXvCgD5j8IoreESfhN9SqguEEhoz8gevtUr3dGEpJewsjz4pIWERVjkUtp8udQYrYW6oymYJXy0BaNszTXuST+GdXufiStO7sz0qJQlW1P4qpNrapomwtYlsHkzkyRtdbOkJfHKdq2ausq0qoyrrIsVGMqArvZJ+6LjDMc16gpy5a1qqCHkSpTfW7WsAfp0960jgb+Ru5EMOZMpfr0MKHPzqVQWr/ckDibt9SNF48sOJE5c41luSY9stasLqKqBaqJfZpdzLXNwyg2LdOsFAcsdPXN9lyb7YZ+cBHqPOYhmw1SUBrgME09hlmqKQSw+zIWU4lZnZklWSemRpBQt/6K0zgIMy8rJQKsLGyMsGyZ4LD/OhC/9MRQ7NSQqa4IiX2CRzMz2NfA3HCq1SA1a9L20WGE5Qf0PYIio1A8dqlxk1JyadKhFDOhbNgd4HRMA2sGMD9/seQ/9PLBmDZb+IQwOVHoNbPNQW85j9TKS7VzbwADGdPBErWBSzBpEKQkTA0MDIiyNB7Ys0GtDIcYji+uCIkrFxNZtMmB6zy87/IAWX7YHu6rtdqzp2p9A87pxZCOjPT8PCDaKtF6SW/0idqNhgqCHcJUojFByaC6j4/kx8KM9Fi1jkQBnSIizfbSk13XukoKzlTFLNRWsVWlRF2HggnPN0uP8oCIgH4p0EGL9kgOLb39pdMWuTo0lWlEiCMNhxToaScLD/J8PI14jsdTD6QrwGGvNeNcW8nqSoF0fqRhtu3zyCHK0KjhEemXU+TQDy3ZF3LIMvTQaclazpA5NLGD7EmVJ9em11ALkSLtEGot2nGIwxXTNtsbDxq/IukEyT1DYWqfiBDFbb+N2v6Zq3b0LiPAn1QvjTR4luCxirGmKsYOhfHgIA0mqiPtvdMIiaCovRQHgTaeB+dZ1WrQYrbJdDfEym3bUfvo6DjZQDp8dSYu3XOfHab5bul5Qp67c3+KbN6gNGB2SNU4SIrE8iSh/zlOLnlBaIATTTLmQaKn5iufv7D9aAbbD9EaPu0kTjLyDYXlMNh+sFqfY9JhGTXS9JYRRITEM59tAhMnXJwCFrQFzNp3jXCnMXsw6q8jBR4fRoSpL0znZ4y1eLWJdrBgEWvgTXu2q6YN40zBmGt06hgeOeKTz1K5oK7r4v00aIrcYEgJNh/Tyc4SR8LeumzhlAcdZACJT2cl9tJeLhzM5kU4cAlQODxXswfFlfhC/6IzdWr2AGl6MRImHECoJxZ+rOcLGZYZBtUUGFPhB0SIaiAs91iU+t2YoYqsMJUEVZatatXLnpeNkeRkjFsDczQ64SaWwF/wCUaNS5grWKl+lS0DFq48z4sL99VQDNhzn096RzFmim9YCWaWqysgsdjoJw13wsAnrAUpK7siRgHFmAabMMGIKnWvSam/R4CyaUlUehmFpTi8/na44ggZQCG9tRloiQew9az7nSZvJ+mKFLU8N5H6hi4ZoqoD5T0UhItXkkuBADUC+PcUJwL9/KF3029snzrMZfGwhwAAAABJRU5ErkJggg==);background-size:cover;background-repeat:no-repeat;position:absolute;top:628px;left:50%;right:50%;transform:translate(-50%)}.share-image .badge-info-container{display:flex;width:750px;height:214.3px;flex-direction:column;gap:32px;justify-content:flex-start;align-items:center;position:absolute;top:718px;left:50%;right:50%;transform:translate(-50%)}.share-image .badge-info{display:flex;width:750px;height:104px;flex-direction:column;gap:8px;justify-content:flex-start;align-items:center}.share-image .badge-name{height:56px;display:flex;position:relative}.share-image .medal-name{font-family:PingFang SC;font-size:40px;line-height:56px;font-weight:500;color:#000}.share-image .label-single{position:absolute;left:calc(100% + 8px);top:2px;display:flex;padding:8px 16px;white-space:nowrap;align-items:center;border-radius:12px}.share-image .label-single.activity{background-color:#fff4ec;color:#ff8d40}.share-image .label-single.limit{background-color:#fff7e6;color:#ffb300}.share-image .recommend{font-family:PingFang SC;font-size:24px;font-weight:400;text-align:left}.share-image .date-limit{display:flex;width:750px;height:40px;gap:20px;justify-content:center;align-items:flex-start}.share-image .time{font-family:PingFang SC;font-size:28px;font-weight:400;color:#8c8c8c;text-align:left}.share-image .split-line{width:538px;height:6px;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhoAAAAGBAMAAAB3HCrcAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMAEgYYCyk/pMYAAAA9SURBVDjLYxgUgMXYgWEUwACzsQHDoABKAw1AjlA2NhgcbhEcaAAKBmdjEyA5ONwy8AAUGqMABhgHSbkBAEEJNoJNGIwyAAAAAElFTkSuQmCC);background-size:cover;background-repeat:no-repeat}.share-image .tips{width:480px;font-family:PingFang SC;font-size:28px;font-weight:400;color:#8c8c8c;text-align:center;white-space:pre-wrap}.share-image .tips-container{display:flex;width:240px;height:110px;flex-direction:column;gap:12px;justify-content:flex-start;align-items:flex-start;position:absolute;top:1026px;left:48px}.share-image .qq-icon{display:flex;width:134px;height:64px;gap:5.34px;justify-content:flex-start;align-items:flex-start}.share-image .qq-tips{font-family:PingFang SC;font-size:24px;font-weight:400;color:#8c8c8c;text-align:center}.share-image .page-qrcode{width:144px;height:144px;background-position:center;background-image:url(https://qq-web.cdn-go.cn/monorepo/7625e7f1/ti.qq.com_qqmedal-v2/assets/qrcode-44ef8add.png);background-size:cover;background-repeat:no-repeat;position:absolute;top:1008px;left:558px}.share-image.noQrcode .person-info{justify-content:center;padding:0;top:96px}.share-image.noQrcode .badge-container{top:204px}.share-image.noQrcode .badge-shadow{top:656px}.share-image.noQrcode .badge-info-container{top:746px}.share-image.noQrcode .tips-container{display:flex;width:134px;height:64px;flex-direction:column;gap:12px;justify-content:flex-start;align-items:flex-start;position:absolute;top:1040px;left:50%;right:50%;transform:translate(-50%)}.share-panel{position:fixed;z-index:9999;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:end}.share-panel--root{overflow:hidden}.share-panel__mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.8)}.share-panel__preview{flex:1;min-height:0;margin:.6rem 0 .4rem;position:relative;z-index:2}.share-panel__preview-inner{height:100%;display:flex;justify-content:center;align-items:center;position:relative}.share-panel__preview-img{height:100%;object-fit:cover;position:relative;z-index:2}.share-panel__preview-mask{position:absolute;left:0;right:0;top:0;bottom:0}.share-panel__content{position:relative;z-index:2;flex-shrink:0;width:100%;background-color:#fff;border-radius:.21rem .21rem 0 0;padding:.35rem .175rem;box-sizing:border-box}.share-panel__icon{display:inline-block;line-height:1em;text-align:center}.share-panel__icon>svg{width:1em;height:1em;display:block}.share-panel__title{font-size:.105rem;font-weight:400;color:#4e4141}.share-panel__hd{position:absolute;right:.15rem;top:.15rem;width:.15rem;height:.15rem;display:flex}.share-panel__btn-close{width:.15rem;height:.15rem;font-size:.15rem;background-size:100% 100%;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzEuMjMxIDExLjE5NmwtMi4zNTctMi4zNTctOC44MzkgOC44MzktOC44MzktOC44MzktMi4zNTcgMi4zNTcgOC44MzkgOC44MzktOC44MzkgOC44MzkgMi4zNTcgMi4zNTcgOC44MzktOC44MzkgOC44MzkgOC44MzkgMi4zNTctMi4zNTctOC44MzktOC44MzkgOC44MzktOC44Mzl6IiBmaWxsPSIjOTk5Ii8+PC9zdmc+)}.share-panel__items{display:flex}.share-panel__items+.share-panel__items{margin-top:.18rem}.share-panel__item{width:.5rem;flex-shrink:0;margin-right:.24rem}.share-panel__item:last-child{margin-right:0}.share-panel__item-img{width:.5rem;height:.5rem;border-radius:100%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:.18rem}.share-panel__item-img-icon{display:block;width:.3rem;height:.3rem;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%}.share-panel__item-txt{font-size:.12rem;line-height:.16rem;text-align:center;margin-top:.08rem;color:#666}@keyframes sharePanelSlideBottomIn{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes sharePanelSlideBottomOut{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes sharePanelFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sharePanelFadeOut{0%{opacity:1}to{opacity:0}}@keyframes sharePanelFadeZoomIn{0%{opacity:0;transform:translateZ(0) scale(.8);transform-origin:50% 50%}to{opacity:1;transform:translateZ(0) scale(1);transform-origin:50% 50%}}@keyframes sharePanelFadeZoomOut{0%{opacity:1;transform:translateZ(0) scale(1);transform-origin:50% 50%}to{opacity:0;transform:translateZ(0) scale(.8);transform-origin:50% 50%}}.share-panel-anim-slide-enter-active{animation:sharePanelSlideBottomIn .3s}.share-panel-anim-slide-leave-active{animation:sharePanelSlideBottomOut .3s}.share-panel-anim-slide-enter-active,.share-panel-anim-slide-leave-active{animation-fill-mode:both}.share-panel-anim-fade-enter-active{animation:sharePanelFadeIn .3s}.share-panel-anim-fade-leave-active{animation:sharePanelFadeOut .3s}.share-panel-anim-preview-enter-active{animation:sharePanelFadeZoomIn .3s}.share-panel-anim-preview-leave-active{animation:sharePanelFadeZoomOut .3s}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}picture{max-width:100%;display:block}img{max-width:100%;display:unset}input,button,textarea,select,span{font:inherit}button{overflow:visible;padding:0;margin:0;border:0 none;background-color:transparent}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}textarea:focus,input:focus,button:focus{outline:none}.fullBox{position:absolute;left:0;right:0;top:0;bottom:0}.posXCenter{left:50%;transform:translate(-50%)}.posYCenter{top:50%;transform:translateY(-50%)}.posXYCenter{top:50%;left:50%;transform:translate(-50%,-50%)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-aspect-ratio: 47/100){:root{--sizeRatio: .85}}@media only screen and (min-device-width: 700px){:root{--sizeRatio: 1}}:root,html{font-size:26.66666667vw}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{width:100vw;height:100vh;position:relative;overflow:hidden}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#page1{display:block;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100vh;background-color:var(--bg_bottom_light, #FFF);opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s;overflow-y:auto;padding-bottom:72px}@-webkit-keyframes am-zoom-mask-after{0%{-webkit-transform:scale(.1) translateZ(0);transform:scale(.1) translateZ(0)}to{-webkit-transform:scale(3) translateZ(0);transform:scale(3) translateZ(0)}}@keyframes am-zoom-mask-after{0%{-webkit-transform:scale(.1) translateZ(0);transform:scale(.1) translateZ(0)}to{-webkit-transform:scale(3) translateZ(0);transform:scale(3) translateZ(0)}}.pagewrap{display:none;position:absolute;left:0;top:0;right:0;width:100%;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.page2,.page3{position:fixed;bottom:0}.page2{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background-size:cover;-webkit-transition:opacity .2s;transition:opacity .2s;opacity:0;z-index:-1}.twod-medal{opacity:0;position:absolute;left:0;right:0;margin:auto;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100%;-webkit-transition:transform .2s,-webkit-transform .2s,opacity .2s;transition:transform .2s,-webkit-transform .2s,opacity .2s}.page3{z-index:-1}.nodata{display:none;position:absolute;left:0;top:0;width:100%;height:100%}.ndwrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.ndcontent{width:100%;padding-top:25%;font-size:.24rem;background:transparent url(/src/images/nofound/nodata.png?_bid=2450) no-repeat center top;background-size:75px;color:#777}.guest-btn{position:fixed;bottom:0;width:100%;height:77px;padding:16px;display:flex;justify-content:center;background:var(--fill_light_secondary, #FFF)}.medals-wrapper{position:relative;width:100vw;min-height:3rem;background-color:var(--bg_bottom_light, #FFF);border-radius:10px 10px 0 0;overflow-x:hidden}.notice-popup{height:220px}.notice-popup__header{height:44px;display:flex;justify-content:center;align-items:center}.notice-popup__header-title{color:var(--text_primary, #000);text-align:center;font-family:PingFang SC;font-size:17px;font-style:normal;font-weight:500;line-height:24px}.notice-popup__header-cancel{position:absolute;right:16px;top:11px;color:var(--text_primary, #000);font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.notice-popup__content{height:144px;display:flex;justify-content:center;margin:16px 0;padding:0 16px;overflow-y:auto}.notice-popup__content-text{color:var(--text_secondary, #8C8C8C);text-align:justify;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:20px;white-space:pre-wrap}