svg[data-v-40f09da6]{width:100%;height:100%;display:block}@-webkit-keyframes spin-data-v-40f09da6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-40f09da6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sun-rays[data-v-40f09da6]{transform-origin:192px 192px;-webkit-animation:spin-data-v-40f09da6 12s linear infinite;animation:spin-data-v-40f09da6 12s linear infinite}svg[data-v-0d200ca6],svg[data-v-0e02609a],svg[data-v-3beb86da],svg[data-v-3c6bd2b4],svg[data-v-4f7341ee],svg[data-v-5b5e64b1],svg[data-v-5c2a7fd2],svg[data-v-7b94adcf],svg[data-v-12a7bae2],svg[data-v-16b47d01],svg[data-v-24fb0d7a],svg[data-v-64e8e832],svg[data-v-72c97fe0],svg[data-v-236fc0d6],svg[data-v-608b3f22],svg[data-v-3699e6e0],svg[data-v-8592ad10],svg[data-v-34539c74],svg[data-v-90092c96],svg[data-v-7367611a],svg[data-v-25360942],svg[data-v-b5e5c424],svg[data-v-d6bdadf6],svg[data-v-d90d46ca],svg[data-v-ec70bd70],svg[data-v-ed176218],svg[data-v-f0d900c2]{width:100%;height:100%;display:block}.container[data-v-1d55b625]{width:100%;height:400px;box-sizing:border-box;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:20px;border:1px solid hsla(0,0%,100%,.2);padding:5px;transition:all .3s ease;display:flex;flex-direction:column}.container[data-v-1d55b625]:hover{background:hsla(0,0%,100%,.15)}.container .nav[data-v-1d55b625]{padding:10px 10px;display:flex;justify-content:space-between}.container .city-info[data-v-1d55b625]{text-align:center}.container .city-info p[data-v-1d55b625]{margin-top:10px}.container .city-info .temp[data-v-1d55b625]{margin:-10px auto 10px;font-size:26px;position:relative}.container .city-info .detail .wind-charactor[data-v-1d55b625]{font-weight:700}.container .city-info .temp em[data-v-1d55b625]{font-size:34px}.container .future[data-v-1d55b625]{padding:0 10px 50px 10px;margin-top:auto}.container .future .group[data-v-1d55b625]{width:100%;height:44px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:15px;border:1px solid hsla(0,0%,100%,.1);margin-bottom:10px;font-size:12px;text-align:center;transition:all .3s ease}.container .future .group .tomorrowWeatherIcon-wrapper[data-v-1d55b625]{margin-left:-2px;width:40px;height:40px;display:flex;align-items:center}.container .future .group[data-v-1d55b625]:hover{background:hsla(0,0%,100%,.2);transform:scale(1.02);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.container .future .group .tm[data-v-1d55b625]{margin-left:10px}.weatherIcon-wrapper[data-v-1d55b625]{width:140px;height:140px;margin:-20px auto 0;position:relative}@media (max-width:768px){.container[data-v-1d55b625]{display:none}}.card-scene[data-v-06f35bb1]{position:absolute;left:2%;top:12%;z-index:10;width:320px;height:400px;perspective:1200px}.card-object[data-v-06f35bb1]{width:100%;height:100%;position:relative;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.card-object.is-flipped[data-v-06f35bb1]{transform:rotateY(180deg)}.card-face[data-v-06f35bb1]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.2)}.face-front[data-v-06f35bb1]{background:transparent;z-index:2}.face-back[data-v-06f35bb1]{transform:rotateY(180deg);background:#0f111a}.moon-card-loading[data-v-06f35bb1],.moon-card-placeholder[data-v-06f35bb1]{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:28px 24px;box-sizing:border-box;color:#f8fafc;background:radial-gradient(circle at 25% 18%,hsla(0,0%,100%,.18),transparent 26%),radial-gradient(circle at 78% 24%,rgba(148,163,184,.22),transparent 20%),linear-gradient(160deg,#111827,#020617)}.moon-card-placeholder__badge[data-v-06f35bb1]{padding:6px 12px;border:1px solid hsla(0,0%,100%,.16);border-radius:999px;background:rgba(148,163,184,.1);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.moon-card-placeholder__title[data-v-06f35bb1]{margin-top:16px;font-size:26px;font-weight:600;line-height:1.2}.moon-card-loading__text[data-v-06f35bb1],.moon-card-placeholder__desc[data-v-06f35bb1]{margin-top:10px;color:rgba(226,232,240,.76);font-size:13px;line-height:1.7}.moon-card-loading[data-v-06f35bb1]{align-items:center;justify-content:center;text-align:center}.moon-card-loading__spinner[data-v-06f35bb1]{width:28px;height:28px;border:2px solid hsla(0,0%,100%,.14);border-top-color:#f8fafc;border-radius:50%;-webkit-animation:moon-spin-data-v-06f35bb1 1s linear infinite;animation:moon-spin-data-v-06f35bb1 1s linear infinite}@-webkit-keyframes moon-spin-data-v-06f35bb1{to{transform:rotate(1turn)}}@keyframes moon-spin-data-v-06f35bb1{to{transform:rotate(1turn)}}