@charset "UTF-8";.cosmic-background[data-v-31c0e930]{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:-100;background:radial-gradient(200% 100% at bottom center,#f7f7b6,#e96f92,#75517d,#1b2947);background:radial-gradient(220% 105% at top center,#1b2947 10%,#75517d 40%,#e96f92 65%,#f7f7b6);background-attachment:fixed}@keyframes cosmicRotate-31c0e930{0%{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0)}to{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-360deg)}}.celestial-bodies[data-v-31c0e930]{transform:perspective(500px);transform-style:preserve-3d;position:fixed;perspective-origin:50% 100%;left:50%;animation:cosmicRotate-31c0e930 66s infinite linear;bottom:0;z-index:-99}.celestial-star[data-v-31c0e930]{width:2px;height:2px;background:#f7f7b8;position:fixed;top:0;left:0;backface-visibility:hidden}.github[data-v-31c0e930]{position:fixed;bottom:20px;right:20px;z-index:100;opacity:1}.github img[data-v-31c0e930]{width:18px;height:auto}@font-face{font-family:Pacifico-Regular;src:url(/assets/Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.message-container[data-v-f824ea02]{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;padding:16px;box-sizing:border-box}.message[data-v-f824ea02]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.message .logo[data-v-f824ea02]{display:flex;flex-direction:row;align-items:center;animation:fade .5s;max-width:660px;overflow:hidden}.message .logo .logo-img[data-v-f824ea02]{border-radius:50%;width:100px}.message .logo .name[data-v-f824ea02]{width:100%;padding:0 22px;transform:translateY(-8px);font-family:Pacifico-Regular;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1}.message .logo .name .bg[data-v-f824ea02]{font-size:3.5em;font-weight:900}@media (max-width: 768px){.message .logo[data-v-f824ea02]{display:flex;flex-direction:row;align-items:center;animation:fade .5s;max-width:660px;overflow:hidden}.message .logo .logo-img[data-v-f824ea02]{border-radius:50%;width:100px}.message .logo .name[data-v-f824ea02]{width:100%;padding:0 22px;transform:translateY(-8px);font-family:Pacifico-Regular;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1}.message .logo .name .bg[data-v-f824ea02]{font-size:2.5em;font-weight:900}}.message .description[data-v-f824ea02]{padding:1rem;max-width:520px;animation:fade .5s}.message .description .content[data-v-f824ea02]{display:flex;justify-content:space-between}.message .description .content .text[data-v-f824ea02]{font-size:20px;margin:.75rem 1rem;line-height:2rem;margin-right:auto}.message .description .content .text p[data-v-f824ea02]:nth-of-type(1){font-family:Pacifico-Regular}.message .description .content .xicon[data-v-f824ea02]:nth-of-type(2){align-self:flex-end}@media (max-width: 720px){.message .description[data-v-f824ea02]{max-width:100%;pointer-events:none}.message .description .content .text[data-v-f824ea02]{font-size:16px;margin:0rem;line-height:1.5rem;margin-right:auto}.dynamic-icon[data-v-f824ea02]{width:16px;height:16px}}@media (max-width: 390px){.message .logo .logo-img[data-v-f824ea02]{border-radius:50%;width:50px}.message .logo .name[data-v-f824ea02]{margin-left:0;height:auto;transform:none;text-align:center}.message .logo .name .bg[data-v-f824ea02]{font-size:1.5rem}.message .logo .name .sm[data-v-f824ea02]{font-size:1.4rem}.message .description .content .text[data-v-f824ea02]{font-size:14px;margin:0rem;line-height:1.5rem;margin-right:auto}.dynamic-icon[data-v-f824ea02]{width:16px;height:16px}}@font-face{font-family:Pacifico-Regular;src:url(/assets/Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.stat-container[data-v-11d43e3c]{display:flex;justify-content:center;align-items:center;height:100vh}.box[data-v-11d43e3c]{border-radius:10px;width:30%;height:64%;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:fadeIn-11d43e3c 1s}@media screen and (max-width: 768px){.box[data-v-11d43e3c]{width:80%}}.center-text[data-v-11d43e3c]{margin:.45rem 1rem;text-align:center}.tag-title[data-v-11d43e3c]{font-size:28px;color:#fff;margin:5px 0 -10px;font-family:Microsoft YaHei}.tag-content[data-v-11d43e3c]{font-size:36px;background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 -10px;font-family:Pacifico-Regular;font-weight:700}.tag-unit[data-v-11d43e3c]{font-size:20px;font-family:Microsoft YaHei;color:#fff;font-weight:700}.transition-box[data-v-11d43e3c]{display:flex;justify-content:center;align-items:center;height:100vh;animation:fadeInOut-11d43e3c 3s cubic-bezier(.32,.46,.48,.4) forwards}.transition-text[data-v-11d43e3c]{font-size:48px;background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-family:Microsoft YaHei;font-weight:700}@keyframes fadeInOut-11d43e3c{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes fadeIn-11d43e3c{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message-box[data-v-11d43e3c]{display:flex;align-items:center;flex-direction:column;margin-top:20px;width:30vw;height:60vh}.bubble[data-v-11d43e3c]{white-space:pre-wrap;padding:10px 11px;border-radius:5px;color:#1f1f1f;font-size:14px;max-width:400px;position:relative;word-wrap:break-word;word-break:normal}.item-left .bubble[data-v-11d43e3c]{margin-left:15px;background-color:#ffffff1a}.item-left .bubble[data-v-11d43e3c]:before,.item-right .bubble[data-v-11d43e3c]:before{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}.item-left .bubble[data-v-11d43e3c]:before{left:-20px;border-left:10px solid transparent;border-right:10px solid #fff;opacity:.1}.item-right .bubble[data-v-11d43e3c]{margin-right:15px;background-color:#a9fa7366}.item-right .bubble[data-v-11d43e3c]:before{border-left:10px solid #a9fa73;border-right:10px solid transparent;right:-20px;opacity:.4}@media screen and (max-width: 768px){.message-box[data-v-11d43e3c]{width:80vw;height:60vh}.bubble[data-v-11d43e3c]{max-width:280px}.item-right .bubble[data-v-11d43e3c]{margin-right:8px}.item-left .bubble[data-v-11d43e3c]{margin-left:8px}.item-left .bubble[data-v-11d43e3c]:before{content:"";position:absolute;width:0;height:0;border-left:8px solid transparent;border-top:8px solid transparent;border-right:8px solid #fff;border-bottom:8px solid transparent;left:-16px}.item-right .bubble[data-v-11d43e3c]:before{content:"";position:absolute;width:0;height:0;border-left:8px solid #9eea6a;border-top:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;right:-16px}}.item[data-v-11d43e3c]{margin-top:15px;display:flex;width:100%}.item-refer[data-v-11d43e3c]{margin-top:4px}.item.item-right[data-v-11d43e3c]{justify-content:flex-end}.item.item-center[data-v-11d43e3c]{justify-content:center}.item.item-center span[data-v-11d43e3c]{font-size:12px;padding:2px 4px;color:#fff;background-color:#dadada;border-radius:3px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}.content-wrapper[data-v-11d43e3c]{display:flex;flex-direction:column;max-width:80%}.content-wrapper-left[data-v-11d43e3c]{align-items:baseline}.content-wrapper-right[data-v-11d43e3c]{align-items:flex-end}.displayname[data-v-11d43e3c]{margin-left:13px;font-size:13px;margin-bottom:5px;color:#a9a9a9}.chat-image img[data-v-11d43e3c],.chat-file img[data-v-11d43e3c]{margin-right:18px;margin-left:18px;max-width:300px}.avatar img[data-v-11d43e3c]{width:42px;height:42px;border-radius:3px;-webkit-user-select:none;user-select:none}@media screen and (max-width: 390px){.box[data-v-11d43e3c]{position:absolute;top:15%}.message-box[data-v-11d43e3c]{width:80vw;height:60vh}.center-text[data-v-11d43e3c]{font-size:24px;margin:.45rem 0rem;text-align:center}.transition-text[data-v-11d43e3c]{font-size:40px;text-align:center;font-family:Microsoft YaHei;font-weight:700}}@font-face{font-family:Pacifico-Regular;src:url(/assets/Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.chatdata-container[data-v-60e9adfc]{display:flex;justify-content:center;align-items:center;height:100vh}.box[data-v-60e9adfc]{border-radius:10px;width:30%;height:64%;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:fadeIn-60e9adfc 1s}.tag-title[data-v-60e9adfc]{font-size:28px;color:#fff;margin:5px 0 0;font-family:Microsoft YaHei}.tag-content[data-v-60e9adfc]{font-size:36px;background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 5px;font-family:Pacifico-Regular;font-weight:700}.img-section[data-v-60e9adfc]{display:flex;justify-content:flex-end;flex-direction:column}img[data-v-60e9adfc]{margin-left:120px;margin-top:30px;width:100px;height:100px}@media screen and (max-width: 768px){.box[data-v-60e9adfc]{width:80%}}@keyframes fadeIn-60e9adfc{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 390px){.box[data-v-60e9adfc]{position:absolute;top:15%}.tag-content[data-v-60e9adfc]{font-size:24px}}@font-face{font-family:Pacifico-Regular;src:url(/assets/Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.chart-container[data-v-dba4cbf5]{display:flex;flex-direction:column;align-items:center;gap:8px;height:100vh;width:100vw;padding:60px 0 0;box-sizing:border-box;animation:fadeIn-dba4cbf5 1s}.chart[data-v-dba4cbf5]{width:45%;height:250px;margin:18px 0}.desc[data-v-dba4cbf5]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;color:#333;width:35%}.nickname[data-v-dba4cbf5]{background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sum-up[data-v-dba4cbf5]{font-size:40px;text-align:left;color:#fff;width:100%}.left[data-v-dba4cbf5]{text-align:left;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000}.time-period[data-v-dba4cbf5]{font-family:Pacifico-Regular;font-size:24px;background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.right[data-v-dba4cbf5]{text-align:right;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000;animation:fadeIn-dba4cbf5 5s}@media screen and (max-width: 768px){.chart[data-v-dba4cbf5]{width:90%}.desc[data-v-dba4cbf5]{width:80%}}@keyframes fadeIn-dba4cbf5{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 768px){.chart[data-v-dba4cbf5]{width:90%;height:250px;margin:30px 0}.desc[data-v-dba4cbf5]{width:80%;height:10vh}.left[data-v-dba4cbf5]{font-size:16px}.sum-up[data-v-dba4cbf5]{font-size:30px}}@font-face{font-family:Pacifico-Regular;src:url(/assets/Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.chart-container[data-v-528c0ea1]{display:flex;flex-direction:column;align-items:center;gap:8px;height:100vh;width:100vw;padding:60px 0 0;box-sizing:border-box;animation:fadeIn-528c0ea1 1s}.chart[data-v-528c0ea1]{width:45%;height:250px;margin:18px 0}.title[data-v-528c0ea1]{color:#fff;margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px}.title .keyword[data-v-528c0ea1]{font-size:86px;font-family:黑体;font-weight:700;background:linear-gradient(to right,#d8ddff,#feb47b,#ddffc2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title .footer[data-v-528c0ea1]{width:300px}.keyword_num[data-v-528c0ea1]{font-size:30px;font-weight:700;font-family:Pacifico-Regular;display:flex;justify-content:flex-start;background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.desc[data-v-528c0ea1]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;color:#333;width:35%}.nickname[data-v-528c0ea1]{background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sum-up[data-v-528c0ea1]{font-size:40px;text-align:left;color:#fff;width:100%}.left[data-v-528c0ea1]{text-align:left;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000}.time-period[data-v-528c0ea1]{font-size:24px;background:linear-gradient(to right,#d8ddff,#feb47b,#ddffc2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.right[data-v-528c0ea1]{text-align:right;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000;animation:fadeIn-528c0ea1 5s}@media screen and (max-width: 768px){.chart[data-v-528c0ea1]{width:90%}.desc[data-v-528c0ea1]{width:80%}}@keyframes fadeIn-528c0ea1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 768px){.chart[data-v-528c0ea1]{width:90%;height:250px;margin:30px 0}.desc[data-v-528c0ea1]{width:80%;height:10vh}.left[data-v-528c0ea1]{font-size:16px}.sum-up[data-v-528c0ea1]{font-size:30px}}@font-face{font-family:Pacifico-Regular;src:url(/assets/Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.chart-container[data-v-dfd9bb38]{display:flex;flex-direction:column;align-items:center;gap:8px;height:100vh;width:100vw;padding:60px 0 0;box-sizing:border-box;animation:fadeIn-dfd9bb38 1s}.chart[data-v-dfd9bb38]{width:45%;height:250px;margin:18px 0}.desc[data-v-dfd9bb38]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;color:#333;width:35%}.sum-up[data-v-dfd9bb38]{font-size:40px;text-align:left;color:#fff;width:100%}.left[data-v-dfd9bb38]{text-align:left;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000}.time-period[data-v-dfd9bb38]{font-family:Pacifico-Regular;font-size:24px;color:#fff}.right[data-v-dfd9bb38]{text-align:right;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000}@media screen and (max-width: 768px){.chart[data-v-dfd9bb38]{width:90%}.desc[data-v-dfd9bb38]{width:80%}}@keyframes fadeIn-dfd9bb38{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 768px){.chart[data-v-dfd9bb38]{width:90%;height:200px;margin:30px 0}.desc[data-v-dfd9bb38]{width:80%;height:10vh}.left[data-v-dfd9bb38]{font-size:16px}.sum-up[data-v-dfd9bb38]{font-size:30px}}@font-face{font-family:Pacifico-Regular;src:url(/assets/Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.chart-container[data-v-61a4127e]{display:flex;flex-direction:column;align-items:center;gap:8px;height:100vh;width:100vw;padding:20px 0 0;box-sizing:border-box;animation:fadeIn-61a4127e 1s}.chart[data-v-61a4127e]{width:45%;height:250px;margin-bottom:-5px}.desc[data-v-61a4127e]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;color:#333;width:40%}.sum-up[data-v-61a4127e]{font-size:40px;color:#fff;text-align:left;width:100%}.left[data-v-61a4127e]{text-align:left;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000}.time-period[data-v-61a4127e]{font-family:Pacifico-Regular;font-size:24px;color:#fff;margin:0 5px}.right[data-v-61a4127e]{text-align:right;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000;margin-top:-10px}@media screen and (max-width: 768px){.chart[data-v-61a4127e]{width:90%}.desc[data-v-61a4127e]{width:80%}}@keyframes fadeIn-61a4127e{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.chart[data-v-61a4127e]{width:100%;padding:0}.desc[data-v-61a4127e]{width:80%}}@media (max-width: 390px){.chart[data-v-61a4127e]{width:90%;height:200px}.desc[data-v-61a4127e]{width:80%}.left[data-v-61a4127e]{text-align:left;width:100%;font-size:16px;font-family:Microsoft YaHei;color:#000}.time-period[data-v-61a4127e]{font-family:Pacifico-Regular;font-size:22px;color:#fff}.right[data-v-61a4127e]{text-align:right;width:100%;font-size:16px;font-family:Microsoft YaHei;color:#000;margin-top:0}}@font-face{font-family:Pacifico-Regular;src:url(/assets/Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}@keyframes fadeIn-4f2b5a3b{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ripple-container[data-v-4f2b5a3b]{position:fixed;right:0;top:0;width:100%;height:100%;z-index:-1;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:fadeIn-4f2b5a3b 1s}.title[data-v-4f2b5a3b]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80vw;height:40vh}.title .des[data-v-4f2b5a3b]{font-size:24px;font-family:Pacifico-Regular;color:#fff}.keyword[data-v-4f2b5a3b]{font-size:86px;font-family:黑体;font-weight:700;margin-right:10px}.title .keywords[data-v-4f2b5a3b]{display:flex;justify-content:space-between;background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.message-keyword[data-v-4f2b5a3b]{background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.keyword_num[data-v-4f2b5a3b]{font-size:30px;font-weight:700;font-family:Pacifico-Regular;display:flex;justify-content:center;background:linear-gradient(to right,#d8ddff,#feb47b,#ddffc2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.separator[data-v-4f2b5a3b]{font-size:48px;margin:20px 10px;color:#888}@media screen and (max-width: 768px){.keyword[data-v-4f2b5a3b]{font-size:40px}.keyword_num[data-v-4f2b5a3b]{font-size:18px}.separator[data-v-4f2b5a3b]{margin:0 10px}.message-box[data-v-4f2b5a3b]{width:80vw;height:60vh}}.message-box[data-v-4f2b5a3b]{display:flex;align-items:center;flex-direction:column;width:40vw;height:60vh}.bubble[data-v-4f2b5a3b]{white-space:pre-wrap;padding:10px 11px;border-radius:5px;color:#1f1f1f;font-size:14px;max-width:400px;position:relative;word-wrap:break-word;word-break:normal}.item-left .bubble[data-v-4f2b5a3b]{margin-left:15px;background-color:#ffffff1a}.item-left .bubble[data-v-4f2b5a3b]:before,.item-right .bubble[data-v-4f2b5a3b]:before{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}.item-left .bubble[data-v-4f2b5a3b]:before{left:-20px;border-left:10px solid transparent;border-right:10px solid #fff;opacity:.1}.item-right .bubble[data-v-4f2b5a3b]{margin-right:15px;background-color:#a9fa7366}.item-right .bubble[data-v-4f2b5a3b]:before{border-left:10px solid #a9fa73;border-right:10px solid transparent;right:-20px;opacity:.4}@media screen and (max-width: 768px){.message-box[data-v-4f2b5a3b]{width:80vw;height:60vh}.bubble[data-v-4f2b5a3b]{max-width:280px}.item-right .bubble[data-v-4f2b5a3b]{margin-right:8px}.item-left .bubble[data-v-4f2b5a3b]{margin-left:8px}.item-left .bubble[data-v-4f2b5a3b]:before{content:"";position:absolute;width:0;height:0;border-left:8px solid transparent;border-top:8px solid transparent;border-right:8px solid #fff;border-bottom:8px solid transparent;left:-16px}.item-right .bubble[data-v-4f2b5a3b]:before{content:"";position:absolute;width:0;height:0;border-left:8px solid #9eea6a;border-top:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;right:-16px}}.item[data-v-4f2b5a3b]{margin-top:15px;display:flex;width:100%}.item-refer[data-v-4f2b5a3b]{margin-top:4px}.item.item-right[data-v-4f2b5a3b]{justify-content:flex-end}.item.item-center[data-v-4f2b5a3b]{justify-content:center}.item.item-center span[data-v-4f2b5a3b]{font-size:12px;padding:2px 4px;color:#fff;background-color:#dadada;border-radius:3px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}.content-wrapper[data-v-4f2b5a3b]{display:flex;flex-direction:column;max-width:80%}.content-wrapper-left[data-v-4f2b5a3b]{align-items:baseline}.content-wrapper-right[data-v-4f2b5a3b]{align-items:flex-end}.displayname[data-v-4f2b5a3b]{margin-left:13px;font-size:13px;margin-bottom:5px;color:#a9a9a9}.chat-image img[data-v-4f2b5a3b],.chat-file img[data-v-4f2b5a3b]{margin-right:18px;margin-left:18px;max-width:300px}.avatar img[data-v-4f2b5a3b]{width:42px;height:42px;border-radius:3px;-webkit-user-select:none;user-select:none}.card-container[data-v-b3b4640b]{display:flex;justify-content:center;align-items:center;height:90vh;perspective:1000px}.card[data-v-b3b4640b]{position:relative;width:360px;height:580px;margin:20px;background:radial-gradient(200% 100% at bottom center,#f7f7b6,#e96f92,#75517d);background:radial-gradient(220% 105% at top center,#75517d 40%,#e96f92 65%,#f7f7b6);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;color:#fff;box-shadow:0 0 30px #00000080;flex-shrink:0;animation:fadeIn-b3b4640b 1s}@keyframes fadeIn-b3b4640b{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.card-background[data-v-b3b4640b]{display:flex;justify-content:center;align-items:center;height:800px;width:450px;perspective:1000px}.card[data-v-b3b4640b]{position:relative;width:360px;height:580px;margin:20px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;color:#fff;box-shadow:0 0 30px #00000080;flex-shrink:0}.card .common .avatar1[data-v-b3b4640b],.card .common .avatar2[data-v-b3b4640b]{position:absolute;top:30px;width:60px;height:60px;border-radius:50%;box-shadow:0 0 20px #553b3bcc;overflow:hidden}.card .love .avatar1[data-v-b3b4640b],.card .love .avatar2[data-v-b3b4640b]{position:absolute;top:35px;width:65px;height:65px;border-radius:50%;box-shadow:0 0 10px #ff707080;overflow:hidden}.avatar1 img[data-v-b3b4640b],.avatar2 img[data-v-b3b4640b]{width:100%;height:100%;object-fit:cover}.avatar1[data-v-b3b4640b]:before{content:"";position:absolute;width:100%;height:100%}.card .common .avatar1[data-v-b3b4640b]{left:30px}.card .common .avatar2[data-v-b3b4640b]{left:80px}.card .avatar[data-v-b3b4640b]{position:absolute;top:30px;left:30px;width:80px;height:80px;border-radius:50%;box-shadow:0 0 20px #b4a8a8cc;overflow:hidden}.card .avatar img[data-v-b3b4640b]{width:100%;height:100%;object-fit:cover}.card .avatar[data-v-b3b4640b]:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,#222)}.card .title[data-v-b3b4640b]{position:absolute;max-width:160px;top:20px;right:30px;color:#333}.card .title .nickname[data-v-b3b4640b]{font-size:14px}.card .title .reportname[data-v-b3b4640b]{font-size:18px;font-weight:700}.card .times[data-v-b3b4640b]{position:absolute;top:124px;left:34px;display:block;color:#333}.card .times .sentence[data-v-b3b4640b]{margin:8px 0}.card .sum-up[data-v-b3b4640b]{position:absolute;top:80px;right:30px;height:245px;color:#333;font-size:48px;font-family:黑体;font-weight:700;writing-mode:vertical-rl}.card .tags[data-v-b3b4640b]{position:absolute;width:100%;height:200px;top:340px;display:flex}.card .tags .left[data-v-b3b4640b],.card .tags .right[data-v-b3b4640b]{width:50%;color:#333}.card .tags .left[data-v-b3b4640b]{padding-left:34px}.card .tags .right img[data-v-b3b4640b]{max-width:50px}.card .tags .right .qrcode[data-v-b3b4640b]{position:absolute;right:30px;bottom:-5px;z-index:1}.card .tags .right .qrcode img[data-v-b3b4640b]{width:50px;height:50px}.tag-template[data-v-b3b4640b]{font-size:14px;margin:5px 0 2px;font-family:黑体}.tag-content[data-v-b3b4640b]{font-size:20px;font-weight:700}.card .copyright[data-v-b3b4640b]{position:absolute;height:24px;bottom:10px;left:18px}.card .copyright img[data-v-b3b4640b]{width:20px;height:20px;border-radius:50%;overflow:hidden;vertical-align:middle}.card .copyright span[data-v-b3b4640b]{font-size:12px;font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#333;vertical-align:middle}.card .url[data-v-b3b4640b]{position:absolute;top:20px;right:30px;font-size:14px}.card .url a[data-v-b3b4640b]{text-decoration:none;color:#5c5c5c;font-size:10px}.card .bottom[data-v-b3b4640b]{position:absolute;bottom:12px;left:165px;color:#8f8383;font-size:11px;text-align:right}.card .bottom a[data-v-b3b4640b]{text-decoration:none;color:#8f8383}.upload-button[data-v-b3b4640b],.welcome-button[data-v-b3b4640b],.QRCode-button[data-v-b3b4640b]{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border:0;position:absolute;overflow:hidden;border-radius:10rem;font-weight:700;cursor:pointer;color:#252525;z-index:1;box-shadow:0 0 7px -5px #00000080;bottom:5%;left:50%}.upload-button[data-v-b3b4640b]{transform:translate(calc(-100% + 160px))}.welcome-button[data-v-b3b4640b]{transform:translate(-160px)}.QRCode-button[data-v-b3b4640b]{transform:translate(calc(-100% + 310px))}.welcome-button[data-v-b3b4640b]:hover,.upload-button[data-v-b3b4640b]:hover,.QRCode-button[data-v-b3b4640b]:hover{background:#c1e4f8;color:#210055}.hoverEffect[data-v-b3b4640b]{position:absolute;bottom:0;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:1}.hoverEffect div[data-v-b3b4640b]{background:#de004b;background:linear-gradient(90deg,#de004b,#bf46ff 49%,#00d4ff);border-radius:40rem;width:10rem;height:10rem;transition:.4s;filter:blur(20px);animation:effect-b3b4640b infinite 3s linear;opacity:.5}.welcome-button:hover .hoverEffect div[data-v-b3b4640b],.upload-button:hover .hoverEffect div[data-v-b3b4640b],.QRCode-button:hover .hoverEffect div[data-v-b3b4640b]{width:8rem;height:8rem}.qr-container[data-v-b3b4640b]{position:relative;width:300px;height:400px;box-shadow:0 0 30px #00000080;border-radius:18px;background:radial-gradient(200% 100% at bottom center,#f7f7b6,#e96f92,#75517d);background:radial-gradient(220% 105% at top center,#75517d 40%,#e96f92 65%,#f7f7b6);display:flex;flex-direction:column;align-items:center;justify-content:space-between}.qr-container .common[data-v-b3b4640b]{margin-top:50px;display:flex;align-items:center}.qr-container .common .avatar1[data-v-b3b4640b],.qr-container .common .avatar2[data-v-b3b4640b]{width:50px;height:50px;border-radius:50%;box-shadow:0 0 20px #553b3bcc;overflow:hidden}.qr-container .common .qr-title[data-v-b3b4640b]{position:absolute;left:150px;font-weight:700;margin-left:10px}.qr-container .common .avatar1[data-v-b3b4640b]{position:absolute;left:50px}.qr-container .common .avatar2[data-v-b3b4640b]{position:absolute;left:90px}.qr-container .url-qr[data-v-b3b4640b]{margin-top:30px}.footer[data-v-b3b4640b]{text-align:center;color:#8f8383;font-size:11px;margin-bottom:20px}@keyframes effect-b3b4640b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 1080px){.buttons[data-v-b3b4640b]{display:none}}@media screen and (max-width: 400px){.card[data-v-b3b4640b]{transform:scale(.8)}.card .sum-up[data-v-b3b4640b]{font-size:42px}@keyframes fadeIn-b3b4640b{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(.8)}}}[data-v-98e2be25],[data-v-98e2be25]:after,[data-v-98e2be25]:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.clearfix[data-v-98e2be25]:before,.clearfix[data-v-98e2be25]:after{content:" ";display:table}.clearfix[data-v-98e2be25]:after{clear:both}@keyframes fadeIn-98e2be25{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}a[data-v-98e2be25]{color:#555;text-decoration:none}.container[data-v-98e2be25]{width:100%;position:relative;animation:fadeIn-98e2be25 1s}.container>header[data-v-98e2be25],.main[data-v-98e2be25]{width:100%;max-width:1060px;margin:0 auto;padding:0 30px 0 0}.container>header[data-v-98e2be25]{padding:10px 10px 0;font-family:华文中宋}.container>header h1[data-v-98e2be25]{margin:0;font-weight:400;color:#41838e;font-size:16px;text-shadow:0 1px 1px rgba(255,255,255,.4)}.container>header h1 span[data-v-98e2be25]{color:#fff}.container>header h2[data-v-98e2be25]{padding:10px 0;margin:0;font-size:32px;line-height:58px;color:#fff;font-weight:500;position:relative;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAI0lEQVQIW2P8DwSMQMCABBhBgiA+sgRYBboEXBuyBIpZMAkAW1YUAh9deX8AAAAASUVORK5CYII=) repeat-x bottom left;text-shadow:4px 4px 0px #41838e}.container>header h2 span[data-v-98e2be25]{display:block;font-weight:700;text-transform:uppercase;letter-spacing:10px;font-size:18px;color:#fff;text-shadow:none}.codrops-top[data-v-98e2be25]{font-size:11px;line-height:24px;background:#fff;background:#fffc;text-transform:uppercase;z-index:9999;position:relative;box-shadow:1px 0 2px #0003}.codrops-top a[data-v-98e2be25]{padding:0 10px;letter-spacing:1px;color:#333;text-shadow:0 -1px 0 #fff;display:inline-block}.codrops-top a[data-v-98e2be25]:hover{background:#fffc;color:#000}.codrops-top span.right[data-v-98e2be25]{float:right}.codrops-top span.right a[data-v-98e2be25]{float:left;display:block}.support-note[data-v-98e2be25]{clear:both}.support-note span[data-v-98e2be25]{color:#fff;font-size:16px;display:none;font-weight:700;text-align:center;padding:5px 0}@font-face{font-family:fontawesome-selected;src:url(font/fontawesome-selected.eot);src:url(font/fontawesome-selected.eot?#iefix) format("embedded-opentype"),url(font/fontawesome-selected.woff) format("woff"),url(font/fontawesome-selected.ttf) format("truetype"),url(font/fontawesome-selected.svg#fontawesome-selected) format("svg");font-weight:400;font-style:normal}.timeline[data-v-98e2be25]{position:relative;list-style-type:none;padding:30px 0 5px;font-family:华文中宋}.timeline[data-v-98e2be25]:before{content:"";position:absolute;width:5px;height:100%;top:0;left:135px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==)}.event[data-v-98e2be25]{position:relative;margin-bottom:40px;padding-right:30px}.thumb[data-v-98e2be25]{position:absolute;width:80px;height:80px;box-shadow:0 0 0 8px #41838e,0 1px 1px #ffffff80;background-repeat:no-repeat;border-radius:50%;-webkit-transform:scale(.8) translateX(24px);-moz-transform:scale(.8) translateX(24px);-o-transform:scale(.8) translateX(24px);-ms-transform:scale(.8) translateX(24px);transform:scale(.8) translate(24px);cursor:pointer}.thumb[data-v-98e2be25]:before{content:"";position:absolute;height:8px;z-index:-1;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC);width:51px;top:42px;left:100%;margin-left:8px}.thumb span[data-v-98e2be25]{color:#41838e;width:100%;text-align:center;font-weight:700;font-size:24px;text-transform:uppercase;position:absolute;bottom:-50px}.user-春[data-v-98e2be25]{background-image:url(/%E6%98%A5.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.user-夏[data-v-98e2be25]{background-image:url(/%E5%A4%8F.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.user-秋[data-v-98e2be25]{background-image:url(/%E7%A7%8B.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.user-冬[data-v-98e2be25]{background-image:url(/%E5%86%AC.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.event label[data-v-98e2be25],.event input[type=radio][data-v-98e2be25]{width:24px;height:24px;left:128px;top:36px;position:absolute;display:block}.event input[type=radio][data-v-98e2be25]{opacity:0;z-index:10;cursor:pointer}.event label[data-v-98e2be25]:after{font-family:fontawesome-selected;content:"";background:#fff;border-radius:50%;color:#41838e;font-size:26px;height:100%;width:100%;left:-2px;top:-3px;line-height:24px;position:absolute;text-align:center}.content-perspective[data-v-98e2be25]{margin-left:200px;position:relative;-webkit-perspective:600px;-moz-perspective:600px;-o-perspective:600px;-ms-perspective:600px;perspective:600px}.content-perspective[data-v-98e2be25]:before{content:"";width:37px;left:-51px;top:45px;position:absolute;height:1px;z-index:-1;background:#fff}.content[data-v-98e2be25]{-webkit-transform:rotateY(10deg);-moz-transform:rotateY(10deg);-o-transform:rotateY(10deg);-ms-transform:rotateY(10deg);transform:rotateY(10deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}.content-inner[data-v-98e2be25]{position:relative;padding:20px;color:#333;border:none;border-left:5px solid #41838e;box-shadow:0 4px 6px #0000001a;background:#fff}.content-inner h3[data-v-98e2be25]{font-size:26px;padding:5px 0;color:#41838e}.content-inner p[data-v-98e2be25]{font-size:18px;max-height:0px;overflow:hidden;color:transparent;color:#0000;text-align:left}.content-inner[data-v-98e2be25]:before{font-family:fontawesome-selected;content:"◀";font-weight:400;font-size:54px;line-height:54px;position:absolute;width:30px;height:30px;color:#41838e;left:-28px;top:20px;z-index:-1}.thumb[data-v-98e2be25],.thumb span[data-v-98e2be25],.content-inner h3[data-v-98e2be25]{-webkit-transition:all .6s ease-in-out .2s;-moz-transition:all .6s ease-in-out .2s;-o-transition:all .6s ease-in-out .2s;-ms-transition:all .6s ease-in-out .2s;transition:all .6s ease-in-out .2s}.content-inner[data-v-98e2be25]{-webkit-transition:box-shadow .8s linear .2s;-moz-transition:box-shadow .8s linear .2s;-o-transition:box-shadow .8s linear .2s;-ms-transition:box-shadow .8s linear .2s;transition:box-shadow .8s linear .2s}.content[data-v-98e2be25]{-webkit-transition:-webkit-transform .8s cubic-bezier(.59,1.45,.69,.98) .2s;-moz-transition:-moz-transform .8s cubic-bezier(.59,1.45,.69,.98) .2s;-o-transition:-o-transform .8s cubic-bezier(.59,1.45,.69,.98) .2s;-ms-transition:-ms-transform .8s cubic-bezier(.59,1.45,.69,.98) .2s;transition:transform .8s cubic-bezier(.59,1.45,.69,.98) .2s}.content-inner p[data-v-98e2be25]{-webkit-transition:max-height .5s linear,color .3s linear;-moz-transition:max-height .5s linear,color .3s linear;-o-transition:max-height .5s linear,color .3s linear;-ms-transition:max-height .5s linear,color .3s linear;transition:max-height .5s linear,color .3s linear}.event input[type=radio]:checked+label[data-v-98e2be25]:after{content:"✔";color:#f26328;box-shadow:0 0 0 5px #fffc}.event input[type=radio]:checked~.content-perspective[data-v-98e2be25]:before{background:#f26328}.event input[type=radio]:checked~.content-perspective .content-inner h3[data-v-98e2be25]{color:#f26328}.event input[type=radio]:checked~.content-perspective .content[data-v-98e2be25]{-webkit-transform:rotateY(-5deg);-moz-transform:rotateY(-5deg);-o-transform:rotateY(-5deg);-ms-transform:rotateY(-5deg);transform:rotateY(-5deg)}.event input[type=radio]:checked~.content-perspective .content-inner[data-v-98e2be25]{border-color:#f26328;box-shadow:10px 0 10px -6px #0000001a}.event input[type=radio]:checked~.content-perspective .content-inner p[data-v-98e2be25]{max-height:260px;color:#0009;-webkit-transition-delay:0s,.6s;-moz-transition-delay:0s,.6s;-o-transition-delay:0s,.6s;-ms-transition-delay:0s,.6s;transition-delay:0s,.6s}.event input[type=radio]:checked~.content-perspective .content-inner[data-v-98e2be25]:before{color:#f26328}.event input[type=radio]:checked~.thumb[data-v-98e2be25]{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);box-shadow:0 0 0 8px #f26328,0 1px 1px #ffffff80}.event input[type=radio]:checked~.thumb span[data-v-98e2be25]{color:#fff}.event input[type=radio]:checked~.thumb[data-v-98e2be25]:before{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==)}.content-inner p[data-v-98e2be25],.thumb span[data-v-98e2be25],.event label[data-v-98e2be25]{-webkit-backface-visibility:hidden}@media screen and (max-width: 850px){.content-inner h3[data-v-98e2be25]{font-size:20px}.content-inner p[data-v-98e2be25]{font-size:14px;text-align:justify}.event input[type=radio]:checked~.content-perspective .content-inner p[data-v-98e2be25]{max-height:500px}}@media screen and (max-width: 540px){.container>header[data-v-98e2be25]{padding:0 30px;font-family:华文中宋}.timeline[data-v-98e2be25]:before{left:80px}.event[data-v-98e2be25]{padding-right:0;margin-bottom:30px}.thumb[data-v-98e2be25]{-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.event input[type=radio][data-v-98e2be25]{width:100px;height:100px;left:0;top:0}.thumb[data-v-98e2be25]:before,.event input[type=radio]:checked~.thumb[data-v-98e2be25]:before{background:none;width:0}.event label[data-v-98e2be25]{display:none}.content-perspective[data-v-98e2be25]{margin-left:100px;position:relative;-webkit-perspective:600px;-moz-perspective:600px;-o-perspective:600px;-ms-perspective:600px;perspective:600px}.content-perspective[data-v-98e2be25]:before{height:0px;content:"";width:37px;left:-51px;top:45px;position:absolute;height:1px;z-index:-1;background:#fff}.content[data-v-98e2be25]{-webkit-transform:rotateX(-10deg);-moz-transform:rotateX(-10deg);-o-transform:rotateX(-10deg);-ms-transform:rotateX(-10deg);transform:rotateX(-10deg)}.event input[type=radio]:checked~.content-perspective .content[data-v-98e2be25]{-webkit-transform:rotateX(10deg);-moz-transform:rotateX(10deg);-o-transform:rotateX(10deg);-ms-transform:rotateX(10deg);transform:rotateX(10deg)}.content-inner[data-v-98e2be25]{border-left:none;border-top:5px solid #41838e}.event input[type=radio]:checked~.content-perspective .content-inner[data-v-98e2be25]{border-color:#f26328;box-shadow:0 10px 10px -6px #0000001a}.content-inner[data-v-98e2be25]:before{font-family:fontawesome-selected;content:"";font-weight:400;font-size:24px;line-height:24px;position:absolute;width:30px;height:30px;color:#41838e;left:-10px;top:19px;z-index:-1}.content-inner h3[data-v-98e2be25]{font-size:20px}.content-inner p[data-v-98e2be25]{font-size:12px;text-align:justify}.event input[type=radio]:checked~.content-perspective .content-inner p[data-v-98e2be25]{max-height:300px}.event input[type=radio]:checked~.thumb[data-v-98e2be25]{-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);box-shadow:0 0 0 8px #f26328,0 1px 1px #ffffff80}}@media screen and (max-width: 360px){.event[data-v-98e2be25]{padding-right:0;margin-bottom:10px}}body,html{margin:0}.leftbutton{position:absolute;left:10%;top:50%;transform:translateY(-50%);z-index:5}.nextButton{position:absolute;left:50%;top:90%;transform:translate(-50%);z-index:5}.leftbutton img,.nextButton img{width:50px;height:50px}.welcome-button{display:inline-flex;padding:15px 30px;position:absolute;border:0;overflow:hidden;border-radius:10rem;font-weight:700;cursor:pointer;color:#252525;z-index:1;box-shadow:0 0 7px -5px #00000080;bottom:5%;left:50%;transform:translate(-50%)}.welcome-button:hover{background:#c1e4f8;color:#210055}.hoverEffect{position:absolute;bottom:0;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:1}.hoverEffect div{background:#de004b;background:linear-gradient(90deg,#de004b,#bf46ff 49%,#00d4ff);border-radius:40rem;width:10rem;height:10rem;transition:.4s;filter:blur(20px);animation:effect infinite 3s linear;opacity:.5}.welcome-button:hover .hoverEffect div{width:8rem;height:8rem}@keyframes effect{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wrapper{display:flex;flex-grow:1;overflow:hidden}::-webkit-scrollbar{display:none}