.weather-widget[data-v-70a87082]{position:fixed;top:20px;left:20px;z-index:1000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.weather-toggle[data-v-70a87082]{width:40px;height:40px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 2px 10px #0003;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.weather-toggle[data-v-70a87082]:hover{background:rgba(255,255,255,.25)}.weather-card[data-v-70a87082]{background:rgba(255,255,255,.15);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:300px;color:#fff;margin-top:10px;animation:weather-fadeIn-70a87082 .3s ease-out}.weather-card.hidden[data-v-70a87082]{display:none}.weather-header[data-v-70a87082]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2);position:relative}.location-info h2[data-v-70a87082]{font-size:1.3rem;margin:0;font-weight:600}.location-info p[data-v-70a87082]{margin:5px 0 0;opacity:.8;font-size:.9rem}.refresh-button[data-v-70a87082]{position:absolute;top:0;right:0;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:30px;height:30px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;margin:0;line-height:30px;box-sizing:border-box}.refresh-button[data-v-70a87082]:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}@keyframes weather-fadeIn-70a87082{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes weather-spin-70a87082{to{transform:rotate(360deg)}}.loading-spinner[data-v-70a87082]{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:weather-spin-70a87082 1s linear infinite}.error-message[data-v-70a87082]{text-align:center;padding:20px;color:#ff6b6b;font-size:.9rem}.footer[data-v-a0c982c6]{position:relative;z-index:5;width:100%;flex-shrink:0;margin-top:auto}.footer .container[data-v-a0c982c6]{width:90%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.footer .footer-top[data-v-a0c982c6]{background:#232328;padding:60px 0 90px}.footer .single-widget[data-v-a0c982c6]{margin-top:30px}.footer .footer-logo[data-v-a0c982c6]{margin-bottom:20px}.footer .single-widget h2[data-v-a0c982c6]{color:#fff;font-size:18px;margin-bottom:20px;text-transform:uppercase}.footer .about p[data-v-a0c982c6]{color:#eee}.footer .button .btn[data-v-a0c982c6]{margin-top:20px}.footer .button .btn[data-v-a0c982c6]:hover{border-color:#fff}.footer .contact ul li[data-v-a0c982c6]{color:#eee;position:relative;padding-left:40px;font-family:Roboto,sans-serif;margin-bottom:10px}.footer .contact ul li[data-v-a0c982c6]:last-child{margin:0}.footer .contact ul li i[data-v-a0c982c6]{position:absolute;top:50%;width:30px;height:30px;text-align:center;line-height:30px;left:0;margin-top:-15px;font-size:16px;color:#eee}.footer .contact ul li a[data-v-a0c982c6]{color:#fff}.footer .social-icon li[data-v-a0c982c6]{float:left;width:50%;margin-bottom:10px}.footer .social-icon li[data-v-a0c982c6]:last-child{margin:0}.footer .social-icon li a[data-v-a0c982c6]{color:#eee;text-decoration:none}.footer .social-icon li a[data-v-a0c982c6]:hover{color:#82b440}.footer .social-icon li a i[data-v-a0c982c6]{margin-right:10px;width:20px;font-size:16px}.footer .copyright[data-v-a0c982c6]{padding:12px 0;background:#1D1D21}.footer .copyright .text-center[data-v-a0c982c6]{text-align:center}.footer .copyright p[data-v-a0c982c6]{color:#bbb;font-size:14px}@media screen and (max-width: 768px){.layui-col-xs12[data-v-a0c982c6]{width:100%;margin-bottom:30px}.footer .single-widget[data-v-a0c982c6]{margin-bottom:20px}.footer .social-icon li[data-v-a0c982c6]{width:100%}}@font-face{font-family:BarbaraHand;src:url(/font/barbarahand-webfont.eot);src:url(/font/barbarahand-webfont.eot?#iefix) format("embedded-opentype"),url(/font/barbarahand-webfont.woff2) format("woff2"),url(/font/barbarahand-webfont.woff) format("woff"),url(/font/barbarahand-webfont.ttf) format("truetype"),url(/font/barbarahand-webfont.svg#barbarahandregular) format("svg");font-weight:400;font-style:normal}.logo[data-v-2e347f05]{font-size:50px;position:absolute;right:0;bottom:0;z-index:101;padding:10px 50px}.logo a[data-v-2e347f05]{font-family:BarbaraHand,cursive;color:#686967;text-decoration:none;font-weight:400;font-style:normal}[data-v-2e347f05]{padding:0;margin:0}.user-info[data-v-2e347f05]{display:flex!important;align-items:center;gap:8px;padding:5px 10px;background:rgba(255,255,255,.1);border-radius:20px;margin:5px 10px}.user-avatar[data-v-2e347f05]{width:25px!important;height:25px!important;border-radius:50%;border:1px solid #fff;display:block!important;object-fit:cover}.user-name[data-v-2e347f05]{font-family:Microsoft YaHei,serif;color:#686967;font-size:20px}.logout-btn[data-v-2e347f05]{background:#ff4d4d;color:#fff;border:none;padding:2px 8px;border-radius:10px;cursor:pointer;font-size:12px}#content-container[data-v-9e09625b]{text-align:center;padding:20px}#site-title[data-v-9e09625b]{font-size:2.8rem;margin-bottom:30px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff}#stats-container[data-v-9e09625b]{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}#stat-box-running[data-v-9e09625b],#stat-box-views[data-v-9e09625b],#stat-box-playing[data-v-9e09625b]{background:rgba(255,255,255,.1);border-radius:15px;padding:12px 25px;min-width:350px;max-width:500px;flex:1;box-shadow:0 5px 15px #0003;transition:transform .3s ease;line-height:1.3}#stat-box-running[data-v-9e09625b]:hover,#stat-box-views[data-v-9e09625b]:hover,#stat-box-playing[data-v-9e09625b]:hover{transform:translateY(-5px);background:rgba(255,255,255,.15)}#stat-title-running[data-v-9e09625b],#stat-title-views[data-v-9e09625b],#stat-title-playing[data-v-9e09625b]{font-size:1.1rem;margin-bottom:10px;color:#fff94c;line-height:1.2}#simple-running-time[data-v-9e09625b]{font-size:1.8rem;font-weight:700;color:#4cdbff;text-shadow:1px 1px 3px rgba(0,0,0,.3);padding:10px 0;line-height:1.2}.time-units[data-v-9e09625b]{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:15px;width:100%}.time-unit[data-v-9e09625b]{background:rgba(255,255,255,.05);border-radius:10px;padding:10px 20px;min-width:90px;box-shadow:0 2px 8px #0000001a;text-align:center;line-height:1.1}.time-unit[data-v-9e09625b]:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}.time-value[data-v-9e09625b]{font-size:1.8rem;font-weight:700;color:#ff6b6b;text-shadow:1px 1px 3px rgba(0,0,0,.3);line-height:1.1}.time-label[data-v-9e09625b]{font-size:.9rem;margin-top:3px;color:#ccc;line-height:1.1}#view-count[data-v-9e09625b]{font-size:2.2rem;font-weight:700;color:#4cdbff;text-shadow:1px 1px 3px rgba(0,0,0,.3);padding:10px 0;line-height:1.2}#playing-list[data-v-9e09625b]{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.playing-item[data-v-9e09625b]{background:rgba(255,255,255,.05);border-radius:10px;padding:8px 14px;font-size:.95rem;color:#eee;box-shadow:0 2px 8px #0000001a}#last-updated[data-v-9e09625b]{margin-top:20px;font-size:.9rem;color:#ccc}@media (max-width: 768px){#stats-container[data-v-9e09625b]{flex-direction:column}#stat-box-running[data-v-9e09625b],#stat-box-views[data-v-9e09625b],#stat-box-playing[data-v-9e09625b]{min-width:100%}.time-units[data-v-9e09625b]{flex-direction:column}.time-unit[data-v-9e09625b]{min-width:100%}.time-value[data-v-9e09625b]{font-size:1.5rem}#view-count[data-v-9e09625b]{font-size:2rem}}.index-container[data-v-dae4d9d3]{display:flex;flex-direction:column}*{padding:0;margin:0}ul li{list-style:none}a,img{text-decoration:none;border:none}.menu_close,.menu_open{position:fixed;z-index:1;width:40px;height:40px;border-radius:50%;right:55px;top:40px;cursor:pointer;background-color:#0000001a;overflow:hidden;z-index:102}.menu_close span,.menu_open span{display:block;background:#FFF;width:26px;height:2px;line-height:10px;margin:5px auto 0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.menu_open span:first-child,.menu_open span:last-child,.menu_open span:nth-last-of-type(2){-webkit-transform:rotate(0);transform:rotate(0)}.menu_open span:nth-of-type(2){margin-top:5px}.menu_open span:last-child{margin-top:5px}.menu_close span:first-child{margin-top:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu_close span:nth-of-type(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-2px}.menu_close,.menu_open{position:fixed;z-index:102;width:40px;height:40px;border-radius:50%;right:55px;top:40px;cursor:pointer;background-color:#0000001a;overflow:hidden}.menu_close:hover,.menu_open:hover{background:#6bc30d}.menu_close span,.menu_open span{display:block;background:#FFF;width:26px;height:2px;line-height:10px;margin:5px auto 0}.menu_open span:first-child,.menu_open span:last-child,.menu_open span:nth-last-of-type(2){-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.menu_close span:first-child{margin-top:18px}.menu_close span{margin-top:0}.menu_open span:first-child{margin-top:12px}.menu_close span:last-child{display:none}.menu_close span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.menu_close span:nth-of-type(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-2px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.navgation,.navgation_close,.navgation_open{width:100%;height:100%;position:fixed;z-index:101;top:0;left:0}.navgation:before,.navgation_close:before,.navgation_open:before{content:"";width:60%;height:100%;background:#fff;position:fixed;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1);-moz-transition:all .5s cubic-bezier(.19,1,.22,1);-o-transition:all .5s cubic-bezier(.19,1,.22,1);transition:all .5s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0) translateX(45%) skew(-12deg);-moz-transform:translateZ(0) translateX(45%) skew(-12deg);-ms-transform:translateZ(0) translateX(45%) skew(-12deg);-o-transform:translateZ(0) translateX(45%) skew(-12deg);transform:translateZ(0) translate(45%) skew(-12deg);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;top:0;z-index:11;background-color:#fff;background-image:-webkit-linear-gradient(46deg,#fff,#f1f2f0);background-image:-moz-linear-gradient(46deg,#fff,#f1f2f0);background-image:-o-linear-gradient(46deg,#fff,#f1f2f0);background-image:linear-gradient(46deg,#fff,#f1f2f0)}.navgation_close .point,.navgation_close .search-bar{display:none}.hover_animation{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.navgation,.navgation_close,.navgation_open{width:100%;height:100%;position:fixed;z-index:101}.navgation_close{height:0}.navgation_open{background:rgba(0,0,0,.6)}.navgation:before,.navgation_close:before,.navgation_open:before{width:60%;height:100%;background:#fff;position:fixed;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1);-moz-transition:all .5s cubic-bezier(.19,1,.22,1);-o-transition:all .5s cubic-bezier(.19,1,.22,1);transition:all .5s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0) translateX(45%) skew(-12deg);-moz-transform:translateZ(0) translateX(45%) skew(-12deg);-ms-transform:translateZ(0) translateX(45%) skew(-12deg);-o-transform:translateZ(0) translateX(45%) skew(-12deg);transform:translateZ(0) translate(45%) skew(-12deg);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;content:"";top:0;z-index:11;background-color:#fff;background-image:-webkit-linear-gradient(46deg,#fff,#f1f2f0);background-image:-moz-linear-gradient(46deg,#fff,#f1f2f0);background-image:-o-linear-gradient(46deg,#fff,#f1f2f0);background-image:linear-gradient(46deg,#fff,#f1f2f0)}.navgation_open:before{right:0}.navgation_close:before{right:-60%}.point{position:absolute;right:0;top:200px;z-index:101;font-size:20px}.point li{display:block;text-align:right;line-height:80px}.point li a{font-family:Microsoft YaHei;display:inline-block;line-height:46px;padding:10px 50px;font-size:20px;color:#686967;text-decoration:none;-webkit-transition:color .6s linear;transition:color .6s linear;position:relative}.point li a:before{-webkit-transition:all .3s linear;transition:all .3s linear;content:"";height:1px;background-color:transparent;position:absolute;top:50%;left:15px;right:105px}.point li a:hover{color:#6bc30d}.point li a:hover:before{background-color:#6bc30d;right:15px}.navgation_open .point{display:block}.navgation_close .point{display:none}.logo{font-size:50px;position:absolute;right:0;bottom:0;z-index:101;padding:10px 50px}.logo a{font-family:BarbaraHand;color:#686967;text-decoration:none}.navgation_open .logo{display:block}.navgation_close .logo{display:none}.section{overflow:hidden;display:table;table-layout:fixed;width:100%;position:relative;padding:100px 0}#section1{height:100vh;padding:0;position:relative;overflow:hidden}#current-layer,#next-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;z-index:-1;transition:opacity 2s ease-in-out}#section1{min-height:100vh;height:auto;padding:0;position:relative;overflow:visible;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;overflow-x:hidden;overflow-y:auto;margin:0;box-sizing:border-box}#background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#current-layer,#next-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;transition:opacity 2s ease-in-out}#current-layer{opacity:1}#next-layer{opacity:0}#content-container{text-align:center;background:rgba(0,0,0,.7);padding:40px;border-radius:20px;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);max-width:800px;width:100%;margin:40px 0;animation:content-fadeIn 1.5s ease-out;position:relative;z-index:1}#site-title{font-size:2.8rem;margin-bottom:30px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff}#stats-container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:25px;margin-bottom:40px}#stat-box-running,#stat-box-views{background:rgba(255,255,255,.1);border-radius:15px;padding:20px;min-width:200px;flex:1;box-shadow:0 5px 15px #0003;transition:transform .3s ease}#stat-box-running:hover,#stat-box-views:hover{transform:translateY(-5px);background:rgba(255,255,255,.15)}#stat-title-running,#stat-title-views{font-size:1.2rem;margin-bottom:15px;color:#fc0;display:flex;align-items:center;justify-content:center;gap:8px}#running-time,#view-count{font-size:2.2rem;font-weight:700;color:#4cdbff;text-shadow:1px 1px 3px rgba(0,0,0,.3)}#time-units{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:20px}.time-unit{background:rgba(255,255,255,.1);border-radius:10px;padding:12px;min-width:70px;box-shadow:0 3px 10px #0003}.time-value{font-size:1.8rem;font-weight:700;color:#ff6b6b}.time-label{font-size:.9rem;margin-top:5px;color:#ccc}#last-updated{margin-top:20px;font-size:.9rem;color:#ccc}@keyframes content-fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){#site-title{font-size:2.2rem}#stats-container{flex-direction:column}#stat-box-running,#stat-box-views{min-width:100%}.time-unit{min-width:60px}.time-value{font-size:1.5rem}}#section3{background-image:url(../image/background1.png);background-position:center;background-attachment:fixed;background-repeat:no-repeat}#section4{background-color:#faf9f9}#section1:after,#section3:after{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:#00000080}#section1,#section2,#section3,#section4{background-size:cover}#section2{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f8f9fa;padding:40px 0;overflow:hidden;z-index:2}.fp-tablecell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-tablecell{display:table-cell;vertical-align:middle;width:100%;height:100%;position:relative;z-index:1}.page2{width:100%;max-width:1200px;margin:auto;padding:0 20px}.warp-box{width:100%}.new-article{text-align:center;margin-bottom:50px}.new-article h1{font-size:2.5rem;color:#333;margin-bottom:20px}.new-article p{font-size:1.1rem;color:#666;line-height:1.6}.layui-row{display:flex;flex-wrap:wrap;margin:0 -10px}.single-news{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease;height:100%}.single-news:hover{transform:translateY(-10px)}.news-head{position:relative;overflow:hidden}.news-head img{width:100%;height:200px;object-fit:cover;transition:transform .5s ease}.single-news:hover .news-head img{transform:scale(1.05)}.link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:50px;height:50px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#333;text-decoration:none;transition:all .3s ease}.single-news:hover .link{transform:translate(-50%,-50%) scale(1)}.news-content{padding:20px}.news-content h4 a{color:#333;text-decoration:none;font-size:1.3rem;transition:color .3s ease}.news-content h4 a:hover{color:#4cdbff}.date{color:#888;font-size:.9rem;margin:10px 0}.news-content p{color:#666;line-height:1.6;margin-bottom:20px}.btn{display:inline-block;padding:8px 20px;background:#4cdbff;color:#fff;text-decoration:none;border-radius:5px;transition:background .3s ease}.btn:hover{background:#3ac0e0}@media (max-width: 768px){.layui-col-xs12{width:100%;margin-bottom:30px}.new-article h1{font-size:2rem}}.page1 .nav{text-align:center;color:#fff}.page1 p{letter-spacing:10px;margin:20px 0}.page1 .next:hover{-webkit-animation:nextanimation 1s linear;animation:nextanimation 1s linear;background-color:#6bc30d}.page2,.page3,.page4,.page5{width:90%;position:relative;margin:0 auto;padding-top:.1px;font-family:Microsoft YaHei}.warp-box{width:100%;height:100%;position:relative}.warp{display:table;margin:0 auto;height:100%;position:relative}.page2 .single-news{margin-top:50px;background:#faf9f9}.page2 .single-news:hover .news-head img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}.page2 .single-news:hover .news-head:before{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.page2 .single-news:hover .link{top:50%;opacity:1;visibility:visible}.page2 .news-head{position:relative;overflow:hidden}.page2 .news-head:before{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(255,255,255,.51);content:"";opacity:0;visibility:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);z-index:8}.page2 .news-head img{width:100%;height:244px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.page2 .link{position:absolute;top:0;width:40px;height:40px;background:#333;color:#fff;opacity:0;visibility:hidden;text-align:center;left:50%;margin:-20px 0 0 -20px;line-height:40px;z-index:9;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.page2 .news-content{padding:30px 15px}.page2 .news-content h4{margin-bottom:10px}.page2 .news-content .date{color:#bbb;font-size:12px;margin-bottom:15px}.page2 .news-content p{color:#999;height:55px;overflow:hidden}.page2 .news-content .btn{display:inline-block;margin-top:15px;padding:0;background:0 0;border:none;color:#29b6f6;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.page2 .news-content .btn:hover{color:#333}.page2 .new-article{text-align:center}.page2 .inner{display:inline-block;vertical-align:middle}.page2 .new-article h1{font-size:32px;padding-bottom:30px;position:relative;font-weight:500}.page2 .new-article h1:after{position:absolute;width:50px;height:2px;content:"";left:50%;margin-left:-25px;bottom:-1px;background:#00C2FF}.page2 .new-article p{margin-top:20px;line-height:22px;color:#888}.page3 .inner{text-align:center}.page3 .links li{display:inline-block;width:200px;height:46px;margin:10px;border:1px solid #b4b4b4;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .6s linear;transition:all .6s linear;position:relative;text-align:center;overflow:hidden}.page3 .links li a{display:block;line-height:26px;padding:10px;text-align:center;color:#fff;text-decoration:none;font-size:14px;-webkit-transition:all .6s linear;transition:all .6s linear;position:relative;z-index:1}.page3 .links li:after{content:"";width:0;background-color:#6bc30d;height:46px;position:absolute;left:0;top:0;z-index:0;-webkit-transition:all .6s linear;transition:all .6s linear}.page3 .links li:hover{border-color:#fff;color:#fff}.page3 .links li:hover:after{width:100%}.page4 .about{text-align:center}.page4 .about h1{margin-bottom:20px}@media screen and (min-width: 768px){.page2{width:750px}}@media screen and (min-width: 992px){.page2{width:970px}}@media screen and (min-width: 1200px){.page2{width:1170px}}@media screen and (max-width: 768px){.navgation:before,.navgation_open:before,.navgation_close:before{width:50%;transform:none;-webkit-transform:none}.logo{width:50%;padding:0;text-align:center}}.navgation,.navgation_close,.navgation_open{z-index:101}.footer .contact ul li i{position:absolute;top:50%;width:30px;height:30px;text-align:center;line-height:30px;left:0;margin-top:-15px;font-size:16px}.footer .social-icon li a{color:#eee}#loading{background-color:#374140;height:100%;width:100%;position:fixed;z-index:1;margin-top:0;top:0}#loading-center{width:100%;height:100%;position:relative}@-webkit-keyframes object_one{75%{-webkit-transform:scale(0)}}@keyframes object_one{75%{transform:scale(0);-webkit-transform:scale(0)}}@-webkit-keyframes object_two{75%{-webkit-transform:scale(0)}}@keyframes object_two{75%{transform:scale(0);-webkit-transform:scale(0)}}@-webkit-keyframes object_three{75%{-webkit-transform:scale(0)}}@keyframes object_three{75%{transform:scale(0);-webkit-transform:scale(0)}}.logout-btn{background:#ff4d4d;color:#fff;border:none;padding:5px 10px;border-radius:15px;cursor:pointer}.user-name{font-family:Microsoft YaHei,serif;color:#686967;display:inline-block;line-height:46px;padding:10px 50px;font-size:20px;text-decoration:none;-webkit-transition:color .6s linear;transition:color .6s linear;position:relative}#user-info-item{display:flex;align-items:center}.weather-widget{position:fixed;top:20px;left:20px;z-index:1000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.weather-toggle{width:40px;height:40px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 2px 10px #0003;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.weather-toggle:hover{background:rgba(255,255,255,.25)}.weather-card{background:rgba(255,255,255,.15);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:300px;color:#fff;margin-top:10px;display:block;animation:weather-fadeIn .3s ease-out}.weather-card.hidden{display:none}.weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2);position:relative}.location-info h2{font-size:1.3rem;margin:0;font-weight:600}.location-info p{margin:5px 0 0;opacity:.8;font-size:.9rem}.refresh-button{position:absolute;top:0;right:0;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:30px;height:30px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;margin:0;line-height:30px;box-sizing:border-box}.refresh-button:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.weather-main{display:flex;align-items:center;margin-bottom:15px}.temperature{font-size:2.5rem;font-weight:700;margin-right:15px}.weather-icon{font-size:2rem;margin-right:15px}.weather-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item{display:flex;align-items:center}.detail-item i{margin-right:8px;width:20px;text-align:center;font-size:.9rem}.detail-label{font-size:.8rem;opacity:.8}.detail-value{font-weight:600;margin-top:2px;font-size:.9rem}.update-time{text-align:center;margin-top:15px;font-size:.7rem;opacity:.7}.loading-container{display:flex;justify-content:center;align-items:center;height:100px}.loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:weather-spin 1s linear infinite}.error-message{text-align:center;padding:20px;color:#ff6b6b;font-size:.9rem}.empty-state{text-align:center;padding:30px 20px;color:#ffffffb3}.empty-state i{font-size:2rem;margin-bottom:10px;display:block}@keyframes weather-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes weather-spin{to{transform:rotate(360deg)}}.user-info-item{display:flex;align-items:center}.user-info{display:flex!important;align-items:center;gap:8px;padding:5px 10px;background:rgba(255,255,255,.1);border-radius:20px;margin:5px 10px}.user-name{font-family:Microsoft YaHei,serif;color:#686967;font-size:20px}.logout-btn{background:#ff4d4d;color:#fff;border:none;padding:2px 8px;border-radius:10px;cursor:pointer;font-size:12px}.footer .container{width:90%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.footer .footer-top{background:#232328;padding:60px 0 90px}.footer .single-widget{margin-top:30px}.footer .footer-logo{margin-bottom:20px}.footer .single-widget h2{color:#fff;font-size:18px;margin-bottom:20px;text-transform:uppercase}.footer .about p{color:#eee}.footer .button .btn{margin-top:20px}.footer .button .btn:hover{border-color:#fff}.footer .contact ul li{color:#eee;position:relative;padding-left:40px;font-family:Roboto,sans-serif;margin-bottom:10px}.footer .contact ul li:last-child{margin:0}.footer .contact ul li i{position:absolute;top:50%;width:30px;height:30px;text-align:center;line-height:30px;left:0;margin-top:-15px;font-size:16px;color:#eee}.footer .contact ul li a{color:#fff}.footer .social-icon li{float:left;width:50%;margin-bottom:10px}.footer .social-icon li:last-child{margin:0}.footer .social-icon li a{color:#eee;text-decoration:none}.footer .social-icon li a:hover{color:#82b440}.footer .social-icon li a i{margin-right:10px;width:20px;font-size:16px}.footer .copyright{padding:12px 0;background:#1D1D21}.footer .copyright .text-center{text-align:center}.footer .copyright p{color:#bbb;font-size:14px}@media screen and (max-width: 768px){.layui-col-xs12{width:100%;margin-bottom:30px}.footer .single-widget{margin-bottom:20px}.footer .social-icon li{width:100%}}@keyframes object_one{75%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes object_two{75%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes object_three{75%{-webkit-transform:scale(0);transform:scale(0)}}#loading-center-absolute{position:absolute;left:50%;top:50%;height:150px;width:150px;margin-top:-75px;margin-left:-75px}.object{width:20px;height:20px;background-color:#fff;float:left;margin-right:15px;margin-left:15px;margin-top:65px;-moz-border-radius:50% 50% 50% 50%;-webkit-border-radius:50% 50% 50% 50%;border-radius:50%}#object_one{-webkit-animation:object_one 1.5s infinite;animation:object_one 1.5s infinite}#object_two{-webkit-animation:object_two 1.5s infinite;animation:object_two 1.5s infinite;-webkit-animation-delay:.25s;animation-delay:.25s}#object_three{-webkit-animation:object_three 1.5s infinite;animation:object_three 1.5s infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.page1 .nav .btn{padding:10px 40px;background:0 0;border-radius:4px;border:2px solid #FFF;color:#fff;cursor:pointer;margin-top:20px;font-family:Microsoft YaHei;display:inline-block}.page1 .next{display:block;width:50px;height:50px;border-radius:50%;position:absolute;bottom:30px;left:50%;margin-left:-25px!important;z-index:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;cursor:pointer}.page1 .next:after{font-family:FontAwesome;content:"";color:#fff;font-size:3rem;display:table;margin:0 auto}.user-avatar{width:25px!important;height:25px!important;border-radius:50%;border:1px solid #fff;display:block!important;object-fit:cover}