@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.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(./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(./Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.stat-container[data-v-e8ce7d1b]{display:flex;justify-content:center;align-items:center;height:100vh}.box[data-v-e8ce7d1b]{border-radius:10px;width:30%;height:64%;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:fadeIn-e8ce7d1b 1s}@media screen and (max-width: 768px){.box[data-v-e8ce7d1b]{width:80%}}.center-text[data-v-e8ce7d1b]{margin:.45rem 1rem;text-align:center}.tag-title[data-v-e8ce7d1b]{font-size:28px;color:#fff;margin:5px 0 -10px;font-family:Microsoft YaHei}.tag-content[data-v-e8ce7d1b]{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-e8ce7d1b]{font-size:20px;font-family:Microsoft YaHei;color:#fff;font-weight:700}.transition-box[data-v-e8ce7d1b]{display:flex;justify-content:center;align-items:center;height:100vh;animation:fadeInOut-e8ce7d1b 3s cubic-bezier(.32,.46,.48,.4) forwards}.transition-text[data-v-e8ce7d1b]{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-e8ce7d1b{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes fadeIn-e8ce7d1b{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message-box[data-v-e8ce7d1b]{display:flex;align-items:center;flex-direction:column;margin-top:20px;width:30vw;height:60vh}.bubble[data-v-e8ce7d1b]{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-e8ce7d1b]{margin-left:15px;background-color:#ffffff1a}.item-left .bubble[data-v-e8ce7d1b]:before,.item-right .bubble[data-v-e8ce7d1b]:before{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}.item-left .bubble[data-v-e8ce7d1b]:before{left:-20px;border-left:10px solid transparent;border-right:10px solid #fff;opacity:.1}.item-right .bubble[data-v-e8ce7d1b]{margin-right:15px;background-color:#a9fa7366}.item-right .bubble[data-v-e8ce7d1b]: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-e8ce7d1b]{width:80vw;height:60vh}.bubble[data-v-e8ce7d1b]{max-width:280px}.item-right .bubble[data-v-e8ce7d1b]{margin-right:8px}.item-left .bubble[data-v-e8ce7d1b]{margin-left:8px}.item-left .bubble[data-v-e8ce7d1b]: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-e8ce7d1b]: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-e8ce7d1b]{margin-top:15px;display:flex;width:100%}.item-refer[data-v-e8ce7d1b]{margin-top:4px}.item.item-right[data-v-e8ce7d1b]{justify-content:flex-end}.item.item-center[data-v-e8ce7d1b]{justify-content:center}.item.item-center span[data-v-e8ce7d1b]{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-e8ce7d1b]{display:flex;flex-direction:column;max-width:80%}.content-wrapper-left[data-v-e8ce7d1b]{align-items:baseline}.content-wrapper-right[data-v-e8ce7d1b]{align-items:flex-end}.displayname[data-v-e8ce7d1b]{margin-left:13px;font-size:13px;margin-bottom:5px;color:#a9a9a9}.chat-image img[data-v-e8ce7d1b],.chat-file img[data-v-e8ce7d1b]{margin-right:18px;margin-left:18px;max-width:300px}.avatar img[data-v-e8ce7d1b]{width:42px;height:42px;border-radius:3px;-webkit-user-select:none;user-select:none}@media screen and (max-width: 390px){.box[data-v-e8ce7d1b]{position:absolute;top:15%}.message-box[data-v-e8ce7d1b]{width:80vw;height:60vh}.center-text[data-v-e8ce7d1b]{font-size:24px;margin:.45rem 0rem;text-align:center}.transition-text[data-v-e8ce7d1b]{font-size:40px;text-align:center;font-family:Microsoft YaHei;font-weight:700}}@font-face{font-family:Pacifico-Regular;src:url(./Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.chatdata-container[data-v-e8ab23f7]{display:flex;justify-content:center;align-items:center;height:100vh}.box[data-v-e8ab23f7]{border-radius:10px;width:30%;height:64%;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:fadeIn-e8ab23f7 1s}.tag-title[data-v-e8ab23f7]{font-size:28px;color:#fff;margin:5px 0 0;font-family:Microsoft YaHei}.tag-content[data-v-e8ab23f7]{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-e8ab23f7]{display:flex;justify-content:flex-end;flex-direction:column}img[data-v-e8ab23f7]{margin-left:120px;margin-top:30px;width:100px;height:100px}.box[data-v-e8ab23f7]{width:80%}@keyframes fadeIn-e8ab23f7{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 390px){.box[data-v-e8ab23f7]{position:absolute;top:15%}.tag-content[data-v-e8ab23f7]{font-size:24px}}@font-face{font-family:Pacifico-Regular;src:url(./Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.chart-container[data-v-3bf98178]{display:flex;flex-direction:column;align-items:center;gap:8px;height:100vh;width:100vw;padding:60px 0 0;box-sizing:border-box;animation:fadeIn-3bf98178 1s}.chart[data-v-3bf98178]{width:45%;height:250px;margin:18px 0}.desc[data-v-3bf98178]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;color:#333;width:35%;position:relative}.nickname[data-v-3bf98178]{background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sum-up[data-v-3bf98178]{font-size:40px;text-align:left;color:#fff;width:100%}.left[data-v-3bf98178]{text-align:left;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000}.time-period[data-v-3bf98178]{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-3bf98178]{text-align:right;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000;animation:fadeIn-3bf98178 5s}@media screen and (max-width: 768px){.chart[data-v-3bf98178]{width:90%}.desc[data-v-3bf98178]{width:80%}}@keyframes fadeIn-3bf98178{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dog-image[data-v-3bf98178]{position:fixed;bottom:20px;left:20px}.dog-image img[data-v-3bf98178]{width:150px;height:auto}@media screen and (max-width: 768px){.chart[data-v-3bf98178]{width:90%;height:250px;margin:30px 0}.desc[data-v-3bf98178]{width:80%;height:10vh}.left[data-v-3bf98178]{font-size:16px}.sum-up[data-v-3bf98178]{font-size:30px}.dog-image img[data-v-3bf98178]{width:100px;height:auto}}@font-face{font-family:Pacifico-Regular;src:url(./Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.chart-container[data-v-49ee537b]{display:flex;flex-direction:column;align-items:center;gap:8px;height:100vh;width:100vw;padding:20px 0 0;box-sizing:border-box;animation:fadeIn-49ee537b 1s}.chart[data-v-49ee537b]{width:45%;height:250px;margin:18px 0}.desc[data-v-49ee537b]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;color:#333;width:35%;position:relative}.sum-up[data-v-49ee537b]{font-size:40px;text-align:left;color:#fff;width:100%}.left[data-v-49ee537b]{text-align:left;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000}.animateone[data-v-49ee537b]{animation:simpleFadeIn-49ee537b 1s ease-out forwards;animation-delay:.5s;opacity:0}.animatetwo[data-v-49ee537b]{animation:simpleFadeIn-49ee537b 1s ease-out forwards;animation-delay:1.5s;opacity:0}.animatethr[data-v-49ee537b]{animation:simpleFadeIn-49ee537b 1s ease-out forwards;animation-delay:2.5s;opacity:0}.time-period[data-v-49ee537b]{font-family:Pacifico-Regular;font-size:24px;color:#fff}.right[data-v-49ee537b]{text-align:right;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000}@media screen and (max-width: 768px){.chart[data-v-49ee537b]{width:90%}.desc[data-v-49ee537b]{width:80%}}@keyframes fadeIn-49ee537b{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes simpleFadeIn-49ee537b{0%{opacity:0}to{opacity:1}}.dog-image[data-v-49ee537b]{position:fixed;bottom:20px;left:20px}.dog-image img[data-v-49ee537b]{width:150px;height:auto}@media screen and (max-width: 768px){.chart[data-v-49ee537b]{width:90%;height:200px;margin:10px 0}.desc[data-v-49ee537b]{width:80%;height:10vh}.left[data-v-49ee537b]{font-size:16px}.sum-up[data-v-49ee537b]{font-size:30px}.dog-image img[data-v-49ee537b]{width:100px;height:auto}}*,*:after,*:before{box-sizing:border-box}:root{--c-gray-100: #fbf8f2;--c-gray-200: #fcfdfe;--c-gray-300: #e9ebec;--c-gray-400: #e3e4ea;--c-gray-500: #5f5f5f;--c-gray-900: #1d1d1d;--c-blue-300: #a8dee2;--c-blue-500: #2ab3c0;--c-green-500: #80b895;--c-green-300: #bad5ca;--c-red-500: #ea605e;--c-yellow-300: #f8e0b1;--c-yellow-500: #f9bc73;--rotation: -3deg}body{font-family:Urbanist,sans-serif;line-height:1.5;min-height:100vh;padding-top:5vw;padding-bottom:5vw;background-color:var(--c-gray-400)}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.box{animation:fadeIn 1s}img{display:block;max-width:100%}input,button{font:inherit}.phone{width:460px;border-radius:25px;overflow:hidden;padding:2rem;box-shadow:0 0 0 10px var(--c-gray-300),0 0 0 11px var(--c-gray-200);background-color:#fff;position:relative;z-index:1;margin-left:auto;margin-right:auto}.header{display:grid;align-items:center;justify-content:space-around;grid-template-columns:1fr 2fr 1fr}.header-logo{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background-color:var(--c-blue-300);border:2px solid var(--c-gray-900);border-radius:15px}.header-logo div{display:flex;flex-wrap:wrap;width:24px;height:24px}.header-logo span{display:block;width:12px;height:12px;border:2px solid var(--c-gray-900);background-color:var(--c-yellow-500);border-radius:50%}.header-title{font-size:1.25rem;font-weight:600;margin-left:auto;margin-right:auto}.header-buttons{display:flex;align-items:center;justify-content:flex-end}.notifications{padding:0;border:0;background-color:transparent;margin-right:1rem;position:relative;transform-origin:center center;transition:.15s ease;cursor:pointer}.notifications:hover,.notifications:focus{transform:rotate(10deg)}.notifications i{font-size:1.75rem;color:#454545}.notifications:after{right:-8px;top:3px;content:"2";display:flex;align-items:center;justify-content:center;position:absolute;width:20px;height:20px;font-size:.75rem;background-color:var(--c-red-500);border-radius:50%;font-weight:800;border:2px solid var(--c-gray-900)}.avatar{display:flex;justify-content:center;align-items:center;width:48px;height:48px;padding:0;border-radius:15px;overflow:hidden;border:3px solid #fff;box-shadow:0 8px 10px -4px rgba(#000,.2);transform-origin:center center;transition:.15s ease;cursor:pointer}.avatar:hover,.avatar:focus{transform:translatey(-4px);box-shadow:0 12px 14px -4px rgba(#000,.3)}.title{margin-top:1rem}.title h1{font-size:1.5rem;font-weight:700}.title p{font-size:1rem;color:var(--c-gray-500);margin-top:.375em}.search{position:relative;z-index:1;transition:.15s ease}.search:hover,.search:focus-within{transform:translatey(-2px)}.search-inner{display:flex;align-items:center;border:2px solid var(--c-gray-900);border-radius:15px;height:60px;font-size:1rem;width:100%;background-color:#fff;position:relative;margin-top:2rem}.search-inner:after{content:"";display:block;position:absolute;z-index:-1;width:96%;height:100%;bottom:-9px;left:2%;border-radius:20px;border:2px solid var(--c-gray-900);background-color:var(--c-gray-100);transition:.15s ease}.search-inner:hover input::placeholder,.search-inner:focus-within input::placeholder{color:#787878}.search-inner:hover:after,.search-inner:focus-within:after{transform:translatey(2px)}.search-button{display:flex;align-items:center;justify-content:center;border-radius:15px 0 0 15px;border:0;background-color:var(--c-gray-100);position:relative;height:100%;border-right:2px solid var(--c-gray-900);width:70px;transition:.15s ease;cursor:pointer}.search-button i{font-size:1.25em}.search-button:focus,.search-button:hover{background-color:var(--c-yellow-300);outline:0}.search-input{border:0;border-radius:0 15px 15px 0;height:100%;background-color:#fff;width:100%;padding-left:1em;padding-right:1em}.search-input:focus{outline:0}.search-input::placeholder{font-weight:600;color:var(--c-gray-900);transition:.15s ease}.navigation{margin-top:2rem;padding-bottom:.75rem;border-bottom:1px solid var(--c-gray-900);display:flex;justify-content:space-between}.navigation-item{font-size:1.125rem;display:inline-block;padding:0 .5rem;text-decoration:none;color:inherit;position:relative;z-index:1;font-weight:500}.navigation-item.active{font-weight:800}.navigation-item.active:before{background-color:var(--c-yellow-500)}.navigation-item:before{content:"";display:block;position:absolute;width:100%;height:14px;background-color:transparent;z-index:-1;bottom:-2px;left:0;transition:.15s ease}.navigation-item+.navigation-item{margin-left:1.25rem}.navigation-item:hover:before,.navigation-item:focus{background-color:var(--c-yellow-500)}.playlists{display:flex;padding:2rem .5rem 0}.currently-playing{padding:1rem .5rem}.card{width:170px;transform:rotate(var(--rotation));transition:.15s ease-out}.card:nth-child(2){margin-top:1rem;--rotation: 5deg}.card:nth-child(2) .card-pin{top:20px;left:20px;transform:rotate(-5deg)}.card+.card{margin-left:2rem}.card:hover,.card:focus-within{transform:translateY(4px) rotate(var(--rotation))}.card:hover .card-inner,.card:focus-within .card-inner{background-color:var(--c-gray-100)}.card:hover .card-pin:after,.card:focus-within .card-pin:after{height:54px}.card:hover .card-pin:before,.card:focus-within .card-pin:before{transform:translatey(-4px)}.card.horizontal{width:100%;transform:rotate(3deg)}.card.horizontal .card-inner{flex-direction:row;align-items:center;padding:1rem}.card.horizontal .card-inner:after{background-color:var(--c-green-500)}.card.horizontal .card-image{width:60px;height:60px;flex-shrink:0}.card.horizontal .card-content{width:100%;margin-top:0;margin-left:.5rem}.card.horizontal .card-meta-artist{font-weight:700}.card.horizontal .card-title{font-weight:500;color:var(--c-gray-500);font-size:1.125em;margin-top:.125em;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.card.horizontal .card-time{font-weight:600}.card.horizontal:hover .card-pin.simple:before,.card.horizontal:hover .card-pin.simple:after,.card.horizontal:focus-within .card-pin.simple:before,.card.horizontal:focus-within .card-pin.simple:after{transform:none}.card.horizontal:hover .card-pin.simple:after,.card.horizontal:focus-within .card-pin.simple:after{height:50px}.card-inner{display:flex;flex-direction:column;border:2px solid var(--c-gray-900);border-radius:20px;padding:.5rem;background-color:#fff;position:relative}.card-inner:after{content:"";display:block;position:absolute;z-index:-1;width:95%;height:100%;bottom:-9px;left:2.5%;border-radius:20px}.card-pin{width:12px;height:12px;background-color:var(--c-gray-900);position:absolute;top:20px;left:calc(50% - 6px);border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--c-gray-900);transform:rotate(3deg);z-index:1}.card-pin:before,.card-pin:after{content:"";display:block;border-radius:50%;position:absolute;transition:.15s ease-out}.card-pin:before{width:12px;height:12px;background-color:var(--c-gray-900);border-radius:50%;left:calc(50% - 6px);top:-44px}.card-pin:after{width:6px;background-color:#fff;border:1px solid;border-radius:99em;height:50px;left:calc(50% - 3px);bottom:3px}.card-pin.simple{box-shadow:none}.card-pin.simple:nth-of-type(odd){left:10px;top:10px;transform:rotate(-45deg)}.card-pin.simple:nth-of-type(2n){left:calc(100% - 20px);top:calc(100% - 20px);transform:rotate(120deg)}.card-image{border-radius:15px;overflow:hidden;aspect-ratio:4 / 3;position:relative}.card-image img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-meta,.card-title{padding-left:.5rem;padding-right:.5rem}.card-meta{padding-top:.75rem;display:flex;align-items:center;justify-content:space-between}.card-meta-number{color:var(--c-gray-500);font-size:.875rem;font-weight:500}.card-meta-button{display:flex;align-items:center;justify-content:center;border:0;color:var(--c-gray-900);flex-shrink:0;cursor:pointer;padding:0;line-height:0;border-radius:50%;background-color:transparent}.card-meta-button i{font-size:1.75rem}.card-meta-button:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0}.card-title{margin-top:.25rem;font-size:1rem;font-weight:600;padding-bottom:.5rem}.menu-inner{margin-top:2rem;display:flex;justify-content:center;border-radius:15px;border:2px solid var(--c-gray-900);justify-content:space-between;padding:.75rem;background-color:var(--c-blue-500);position:relative}.menu-inner:after{content:"";display:block;position:absolute;z-index:-1;width:95%;height:100%;bottom:-9px;left:2.5%;border-radius:20px;border:2px solid var(--c-gray-900);background-color:var(--c-gray-100)}.menu-item{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#fff;width:80px;border-radius:15px;padding-top:.375rem;padding-bottom:.375rem;text-decoration:none;background-color:transparent;border:2px solid transparent}.menu-item:hover,.menu-item:focus,.menu-item.active{border-color:var(--c-gray-900);background-color:var(--c-yellow-500);color:var(--c-gray-900)}*,*:focus{outline:0}@font-face{font-family:Pacifico-Regular;src:url(./Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}@keyframes fadeIn-074139b1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ripple-container[data-v-074139b1]{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-074139b1 1s}.title[data-v-074139b1]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80vw;height:40vh}.title .des[data-v-074139b1]{font-size:24px;font-family:Pacifico-Regular;color:#fff}.keyword[data-v-074139b1]{font-size:86px;font-family:黑体;font-weight:700;margin-right:10px}.title .keywords[data-v-074139b1]{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-074139b1]{background:linear-gradient(to right,#fffdd0,#d8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.keyword_num[data-v-074139b1]{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-074139b1]{font-size:48px;margin:20px 10px;color:#888}@media screen and (max-width: 768px){.keyword[data-v-074139b1]{font-size:40px}.keyword_num[data-v-074139b1]{font-size:18px}.separator[data-v-074139b1]{margin:0 10px}.message-box[data-v-074139b1]{width:80vw;height:60vh}}.message-box[data-v-074139b1]{display:flex;align-items:center;flex-direction:column;width:40vw;height:60vh}.bubble[data-v-074139b1]{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-074139b1]{margin-left:15px;background-color:#ffffff1a}.item-left .bubble[data-v-074139b1]:before,.item-right .bubble[data-v-074139b1]:before{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}.item-left .bubble[data-v-074139b1]:before{left:-20px;border-left:10px solid transparent;border-right:10px solid #fff;opacity:.1}.item-right .bubble[data-v-074139b1]{margin-right:15px;background-color:#a9fa7366}.item-right .bubble[data-v-074139b1]: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-074139b1]{width:80vw;height:60vh}.bubble[data-v-074139b1]{max-width:280px}.item-right .bubble[data-v-074139b1]{margin-right:8px}.item-left .bubble[data-v-074139b1]{margin-left:8px}.item-left .bubble[data-v-074139b1]: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-074139b1]: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-074139b1]{margin-top:15px;display:flex;width:100%}.item-refer[data-v-074139b1]{margin-top:4px}.item.item-right[data-v-074139b1]{justify-content:flex-end}.item.item-center[data-v-074139b1]{justify-content:center}.item.item-center span[data-v-074139b1]{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-074139b1]{display:flex;flex-direction:column;max-width:80%}.content-wrapper-left[data-v-074139b1]{align-items:baseline}.content-wrapper-right[data-v-074139b1]{align-items:flex-end}.displayname[data-v-074139b1]{margin-left:13px;font-size:13px;margin-bottom:5px;color:#a9a9a9}.chat-image img[data-v-074139b1],.chat-file img[data-v-074139b1]{margin-right:18px;margin-left:18px;max-width:300px}.avatar img[data-v-074139b1]{width:42px;height:42px;border-radius:3px;-webkit-user-select:none;user-select:none}body[data-v-28313967]{background-color:#f9f9f9}p[data-v-28313967]{line-height:1.2;font-size:12px;margin:0 0 8px;text-indent:2em}.container[data-v-28313967]{width:360px;height:580px;perspective:800px;margin:20px;position:relative;overflow:visible}.page[data-v-28313967]{position:absolute;width:100%;height:100%;box-shadow:0 0 10px #0000004d;transition:transform .5s;padding:20px;box-sizing:border-box;background-color:#fff}#frontPage[data-v-28313967]{transform:rotateY(0);z-index:2;background-image:url(./rose-E00FuJBS.png);background-size:contain;background-position:right;background-repeat:no-repeat}#backPage[data-v-28313967]{transform:rotateY(-180deg)}.flipped #frontPage[data-v-28313967]{transform:rotateY(180deg)}.flipped #backPage[data-v-28313967]{transform:rotateY(0);z-index:2}h1[data-v-28313967]{color:#333;text-align:center;font-family:Pacifico,cursive;font-size:28px;margin-top:20px}.date-time[data-v-28313967]{color:#000;text-align:center;margin-bottom:20px}.thought[data-v-28313967]{position:relative;margin-bottom:20px}.ribbon[data-v-28313967]{position:absolute;top:0;left:-20px;width:0;height:0;border-top:40px solid transparent;border-right:40px solid #333;border-bottom:40px solid transparent}.date[data-v-28313967]{color:#000;font-size:14px;margin:0 0 0 30px}.content[data-v-28313967]{font-family:Shadows Into Light,cursive;font-size:16px;padding:10px;line-height:1.5}.flip-button[data-v-28313967]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:10px 20px;background-color:#333;color:#fff;cursor:pointer}.flip-button[data-v-28313967]:hover{background-color:#555}.cover[data-v-28313967]{text-align:center;margin-bottom:20px}.cover img[data-v-28313967]{max-width:100%;height:auto;max-height:300px;border-radius:10px}.page[data-v-28313967]:before{left:-3px;border-width:0 0 20px 20px;border-color:transparent transparent #555 transparent}.page[data-v-28313967]:after{right:-3px;border-width:0 20px 20px 0;border-color:transparent #555 #555 transparent}@font-face{font-family:Pacifico-Regular;src:url(./Pacifico-Regular-Dla-xvIJ.ttf) format("truetype");font-weight:400;font-style:normal}.chart-container[data-v-d88ea741]{display:flex;flex-direction:column;align-items:center;gap:8px;height:100vh;width:100vw;padding:20px 0 0;box-sizing:border-box;animation:fadeIn-d88ea741 1s}.chart[data-v-d88ea741]{width:45%;height:250px;margin:18px 0}.desc[data-v-d88ea741]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;color:#333;width:35%;position:relative}.sum-up[data-v-d88ea741]{font-size:40px;text-align:left;color:#fff;width:100%;animation:slideInFromLeft-d88ea741 2s ease-out forwards}.left[data-v-d88ea741]{text-align:left;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000;animation:slideInFromRight-d88ea741 1.5s ease-out forwards;animation-delay:2s;opacity:0}.time-period[data-v-d88ea741]{font-family:Pacifico-Regular;font-size:24px;color:#fff}.right[data-v-d88ea741]{text-align:right;width:100%;font-size:20px;font-family:Microsoft YaHei;color:#000;animation:fadeIn-d88ea741 1.5s ease-out forwards;animation-delay:3.5s;opacity:0}@media screen and (max-width: 768px){.chart[data-v-d88ea741]{width:90%}.desc[data-v-d88ea741]{width:80%}}@keyframes fadeIn-d88ea741{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromLeft-d88ea741{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight-d88ea741{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn-d88ea741{0%{opacity:0}to{opacity:1}}.dog-image[data-v-d88ea741]{position:fixed;bottom:20px;left:20px}.dog-image img[data-v-d88ea741]{width:250px;height:auto}@media screen and (max-width: 768px){.chart[data-v-d88ea741]{width:90%;height:200px;margin:10px 0}.desc[data-v-d88ea741]{width:80%;height:10vh}.left[data-v-d88ea741]{font-size:16px}.sum-up[data-v-d88ea741]{font-size:30px}.dog-image img[data-v-d88ea741]{width:200px;height:auto}}.vue-card-stack__wrapper{position:relative}.vue-card-stack__stack{position:relative;overflow:hidden}.vue-card-stack__card{position:absolute;transform-origin:0 50%;cursor:grab}@font-face{font-family:Eina;src:url(https://assets.codepen.io/152347/eina-03-semibold.woff2) format("woff2"),url(https://assets.codepen.io/152347/eina-03-semibold.woff) format("woff")}body{font-family:Eina,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#9796f0;background:-webkit-linear-gradient(to right,#fbc7d4,#9796f0);background:linear-gradient(to right,#fbc7d4,#9796f0)}#app{color:#1c1c1c;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;grid-gap:60px}.attribution{text-decoration:none;width:auto;border-radius:999em;border:1px solid rgba(255,255,255,.15);padding:12px 25px 12px 60px;height:30px;display:flex;justify-content:center;align-items:center;color:#1c1c1c;background:#fff;background:#ffffff40;position:relative;font-family:Montserrat,sans-serif}.attribution>img{color:green;width:40px;height:40px;position:absolute;left:8px;top:50%;transform:translateY(-50%)}.attribution .inner{display:flex;flex-direction:column;grid-gap:2px}.attribution h3{font-size:11px}.attribution h5{font-size:16px;font-weight:600}.container{z-index:2;position:relative;border-radius:12px;width:375px;height:667px;overflow:hidden;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;margin-bottom:0}.header .logo{align-items:baseline;display:flex;font-size:29px;margin:0}.header .period{width:5px;height:5px;margin-left:4px;background:#f36}.header .avatar{width:32px;height:32px;border-radius:20px;background:#ffe259;overflow:hidden}.header .avatar>img{width:100%;height:auto}.footer{display:flex;justify-content:space-between;align-items:center;padding:24px;flex-direction:row-reverse;position:relative}.rating{display:flex;justify-content:space-between;justify-self:flex-end}.rating .star{background:url(https://assets.codepen.io/152347/star.svg);background-size:100%;width:15px;height:15px;transform:scale(.5);margin:2px;transition:all .2s ease;opacity:.5}.rating .star.active{transform:scale(1);opacity:1}.info{position:absolute;left:24px}.info .title{font-size:16px;line-height:22px}.info .date{font-size:11px;line-height:15px;color:#9ba7c6}.stack{width:100%}.card{width:100%;height:100%;border-radius:8px;overflow:hidden;transform:rotate(0);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.card>img{width:286px;height:458px;object-fit:cover;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.try-me{display:flex;grid-gap:8px;align-items:center;font-size:14px;margin-top:-24px;font-family:Montserrat,sans-serif;font-weight:600;color:#fff}.card-container[data-v-26b138a2]{display:flex;justify-content:center;align-items:center;height:90vh;perspective:1000px}.card[data-v-26b138a2]{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-26b138a2 1s}@keyframes fadeIn-26b138a2{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.card-background[data-v-26b138a2]{display:flex;justify-content:center;align-items:center;height:100vh;width:200%;perspective:1000px}.card[data-v-26b138a2]{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-26b138a2],.card .common .avatar2[data-v-26b138a2]{position:absolute;top:30px;width:60px;height:60px;border-radius:50%;box-shadow:0 0 20px #553b3bcc;overflow:hidden}.card .love .avatar1[data-v-26b138a2],.card .love .avatar2[data-v-26b138a2]{position:absolute;top:35px;width:65px;height:65px;border-radius:50%;box-shadow:0 0 10px #ff707080;overflow:hidden}.avatar1 img[data-v-26b138a2],.avatar2 img[data-v-26b138a2]{width:100%;height:100%;object-fit:cover}.avatar1[data-v-26b138a2]:before{content:"";position:absolute;width:100%;height:100%}.card .common .avatar1[data-v-26b138a2]{left:30px}.card .common .avatar2[data-v-26b138a2]{left:80px}.card .avatar[data-v-26b138a2]{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-26b138a2]{width:100%;height:100%;object-fit:cover}.card .avatar[data-v-26b138a2]:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,#222)}.card .title[data-v-26b138a2]{position:absolute;max-width:160px;top:20px;right:30px;color:#333}.card .title .nickname[data-v-26b138a2]{font-size:14px}.card .title .reportname[data-v-26b138a2]{font-size:18px;font-weight:700}.card .times[data-v-26b138a2]{position:absolute;top:124px;left:34px;display:block;color:#333}.card .times .sentence[data-v-26b138a2]{margin:8px 0}.card .sum-up[data-v-26b138a2]{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-26b138a2]{position:absolute;width:100%;height:200px;top:340px;display:flex}.card .tags .left[data-v-26b138a2],.card .tags .right[data-v-26b138a2]{width:50%;color:#333}.card .tags .left[data-v-26b138a2]{padding-left:34px}.card .tags .right img[data-v-26b138a2]{max-width:60px}.card .tags .right .qrcode[data-v-26b138a2]{position:absolute;right:30px;bottom:-5px;z-index:1}.card .tags .right .qrcode img[data-v-26b138a2]{width:60px}.tag-template[data-v-26b138a2]{font-size:14px;margin:5px 0 2px;font-family:黑体}.tag-content[data-v-26b138a2]{font-size:20px;font-weight:700}.card .copyright[data-v-26b138a2]{position:absolute;height:24px;bottom:10px;left:18px}.card .copyright img[data-v-26b138a2]{width:20px;height:20px;border-radius:50%;overflow:hidden;vertical-align:middle}.card .copyright span[data-v-26b138a2]{font-size:12px;font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#333;vertical-align:middle}.card .url[data-v-26b138a2]{position:absolute;top:20px;right:30px;font-size:14px}.card .url a[data-v-26b138a2]{text-decoration:none;color:#5c5c5c;font-size:10px}.card .bottom[data-v-26b138a2]{position:absolute;bottom:12px;left:165px;color:#8f8383;font-size:11px;text-align:right}.card .bottom a[data-v-26b138a2]{text-decoration:none;color:#8f8383}.upload-button[data-v-26b138a2],.welcome-button[data-v-26b138a2],.QRCode-button[data-v-26b138a2]{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-26b138a2]{transform:translate(calc(-100% + 160px))}.welcome-button[data-v-26b138a2]{transform:translate(-160px)}.QRCode-button[data-v-26b138a2]{transform:translate(calc(-100% + 310px))}.welcome-button[data-v-26b138a2]:hover,.upload-button[data-v-26b138a2]:hover,.QRCode-button[data-v-26b138a2]:hover{background:#c1e4f8;color:#210055}.hoverEffect[data-v-26b138a2]{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-26b138a2]{background:#de004b;background:linear-gradient(90deg,#de004b,#bf46ff 49%,#00d4ff);border-radius:40rem;width:10rem;height:10rem;transition:.4s;filter:blur(20px);animation:effect-26b138a2 infinite 3s linear;opacity:.5}.welcome-button:hover .hoverEffect div[data-v-26b138a2],.upload-button:hover .hoverEffect div[data-v-26b138a2],.QRCode-button:hover .hoverEffect div[data-v-26b138a2]{width:8rem;height:8rem}.qr-container[data-v-26b138a2]{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-26b138a2]{margin-top:50px;display:flex;align-items:center}.qr-container .common .avatar1[data-v-26b138a2],.qr-container .common .avatar2[data-v-26b138a2]{width:50px;height:50px;border-radius:50%;box-shadow:0 0 20px #553b3bcc;overflow:hidden}.qr-container .common .qr-title[data-v-26b138a2]{position:absolute;left:150px;font-weight:700;margin-left:10px}.qr-container .common .avatar1[data-v-26b138a2]{position:absolute;left:50px}.qr-container .common .avatar2[data-v-26b138a2]{position:absolute;left:90px}.qr-container .url-qr[data-v-26b138a2]{margin-top:30px}.footer[data-v-26b138a2]{text-align:center;color:#8f8383;font-size:11px;margin-bottom:20px}@keyframes effect-26b138a2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 1080px){.buttons[data-v-26b138a2]{display:none}}@media screen and (max-width: 400px){.card[data-v-26b138a2]{transform:scale(.8)}.card .sum-up[data-v-26b138a2]{font-size:42px}@keyframes fadeIn-26b138a2{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(.8)}}}[data-v-8e3adf87],[data-v-8e3adf87]:after,[data-v-8e3adf87]:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.clearfix[data-v-8e3adf87]:before,.clearfix[data-v-8e3adf87]:after{content:" ";display:table}.clearfix[data-v-8e3adf87]:after{clear:both}@keyframes fadeIn-8e3adf87{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}a[data-v-8e3adf87]{color:#555;text-decoration:none}.container[data-v-8e3adf87]{width:100%;position:relative;animation:fadeIn-8e3adf87 1s}.container>header[data-v-8e3adf87],.main[data-v-8e3adf87]{width:100%;max-width:1060px;margin:0 auto;padding:0 30px 0 0}.container>header[data-v-8e3adf87]{padding:10px 10px 0;font-family:华文中宋}.container>header h1[data-v-8e3adf87]{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-8e3adf87]{color:#fff}.header-content[data-v-8e3adf87]{display:flex;align-items:center;justify-content:space-between;width:100%}.dog-image[data-v-8e3adf87]{margin-left:20px}.dog-image img[data-v-8e3adf87]{height:auto;max-height:80px}.container>header h2[data-v-8e3adf87]{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-8e3adf87]{display:block;font-weight:700;text-transform:uppercase;letter-spacing:10px;font-size:18px;color:#fff;text-shadow:none}.codrops-top[data-v-8e3adf87]{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-8e3adf87]{padding:0 10px;letter-spacing:1px;color:#333;text-shadow:0 -1px 0 #fff;display:inline-block}.codrops-top a[data-v-8e3adf87]:hover{background:#fffc;color:#000}.codrops-top span.right[data-v-8e3adf87]{float:right}.codrops-top span.right a[data-v-8e3adf87]{float:left;display:block}.support-note[data-v-8e3adf87]{clear:both}.support-note span[data-v-8e3adf87]{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-8e3adf87]{position:relative;list-style-type:none;padding:30px 0 5px;font-family:华文中宋}.timeline[data-v-8e3adf87]:before{content:"";position:absolute;width:5px;height:100%;top:0;left:135px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==)}.event[data-v-8e3adf87]{position:relative;margin-bottom:40px;padding-right:30px}.thumb[data-v-8e3adf87]{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-8e3adf87]: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-8e3adf87]{color:#41838e;width:100%;text-align:center;font-weight:700;font-size:24px;text-transform:uppercase;position:absolute;bottom:-50px}.user-春[data-v-8e3adf87]{background-size:cover;background-position:center;background-repeat:no-repeat}.user-夏[data-v-8e3adf87]{background-size:contain;background-position:center;background-repeat:no-repeat}.user-秋[data-v-8e3adf87],.user-冬[data-v-8e3adf87]{background-size:cover;background-position:center;background-repeat:no-repeat}.event label[data-v-8e3adf87],.event input[type=radio][data-v-8e3adf87]{width:24px;height:24px;left:128px;top:36px;position:absolute;display:block}.event input[type=radio][data-v-8e3adf87]{opacity:0;z-index:10;cursor:pointer}.event label[data-v-8e3adf87]: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-8e3adf87]{margin-left:200px;position:relative;-webkit-perspective:600px;-moz-perspective:600px;-o-perspective:600px;-ms-perspective:600px;perspective:600px}.content-perspective[data-v-8e3adf87]:before{content:"";width:37px;left:-51px;top:45px;position:absolute;height:1px;z-index:-1;background:#fff}.content[data-v-8e3adf87]{-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-8e3adf87]{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-8e3adf87]{font-size:26px;padding:5px 0;color:#41838e}.content-inner p[data-v-8e3adf87]{font-size:18px;max-height:0px;overflow:hidden;color:transparent;color:#0000;text-align:left}.content-inner[data-v-8e3adf87]: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-8e3adf87],.thumb span[data-v-8e3adf87],.content-inner h3[data-v-8e3adf87]{-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-8e3adf87]{-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-8e3adf87]{-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-8e3adf87]{-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-8e3adf87]:after{content:"✔";color:#f26328;box-shadow:0 0 0 5px #fffc}.event input[type=radio]:checked~.content-perspective[data-v-8e3adf87]:before{background:#f26328}.event input[type=radio]:checked~.content-perspective .content-inner h3[data-v-8e3adf87]{color:#f26328}.event input[type=radio]:checked~.content-perspective .content[data-v-8e3adf87]{-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-8e3adf87]{border-color:#f26328;box-shadow:10px 0 10px -6px #0000001a}.event input[type=radio]:checked~.content-perspective .content-inner p[data-v-8e3adf87]{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-8e3adf87]:before{color:#f26328}.event input[type=radio]:checked~.thumb[data-v-8e3adf87]{-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-8e3adf87]{color:#fff}.event input[type=radio]:checked~.thumb[data-v-8e3adf87]:before{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==)}.content-inner p[data-v-8e3adf87],.thumb span[data-v-8e3adf87],.event label[data-v-8e3adf87]{-webkit-backface-visibility:hidden}@media screen and (max-width: 850px){.content-inner h3[data-v-8e3adf87]{font-size:20px}.content-inner p[data-v-8e3adf87]{font-size:14px;text-align:justify}.event input[type=radio]:checked~.content-perspective .content-inner p[data-v-8e3adf87]{max-height:500px}}@media screen and (max-width: 540px){.container>header[data-v-8e3adf87]{padding:0 30px;font-family:华文中宋}.timeline[data-v-8e3adf87]:before{left:80px}.event[data-v-8e3adf87]{padding-right:0;margin-bottom:30px}.thumb[data-v-8e3adf87]{-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-8e3adf87]{width:100px;height:100px;left:0;top:0}.thumb[data-v-8e3adf87]:before,.event input[type=radio]:checked~.thumb[data-v-8e3adf87]:before{background:none;width:0}.event label[data-v-8e3adf87]{display:none}.content-perspective[data-v-8e3adf87]{margin-left:100px;position:relative;-webkit-perspective:600px;-moz-perspective:600px;-o-perspective:600px;-ms-perspective:600px;perspective:600px}.content-perspective[data-v-8e3adf87]:before{height:0px;content:"";width:37px;left:-51px;top:45px;position:absolute;height:1px;z-index:-1;background:#fff}.content[data-v-8e3adf87]{-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-8e3adf87]{-webkit-transform:rotateX(10deg);-moz-transform:rotateX(10deg);-o-transform:rotateX(10deg);-ms-transform:rotateX(10deg);transform:rotateX(10deg)}.content-inner[data-v-8e3adf87]{border-left:none;border-top:5px solid #41838e}.event input[type=radio]:checked~.content-perspective .content-inner[data-v-8e3adf87]{border-color:#f26328;box-shadow:0 10px 10px -6px #0000001a}.content-inner[data-v-8e3adf87]: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-8e3adf87]{font-size:20px}.content-inner p[data-v-8e3adf87]{font-size:12px;text-align:justify}.event input[type=radio]:checked~.content-perspective .content-inner p[data-v-8e3adf87]{max-height:300px}.event input[type=radio]:checked~.thumb[data-v-8e3adf87]{-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-8e3adf87]{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:93%;transform:translate(-50%);z-index:5}.leftbutton img,.nextButton img{width:25px;height:25px}.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}.report-title{position:absolute;top:10px;left:20px;font-size:14px;color:#000;z-index:10;font-weight:700}