[v-cloak]{display:none}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:.333rem}body{height:100vh;width:100%;background:#fff;padding:0;color:#333}a{text-decoration:none;color:#fff}.container{height:100%;width:100%;margin:0 auto;background:linear-gradient(135deg,#1a73e8 0,#0d47a1 100%);border-radius:.25rem .25rem .25rem .25rem!important;overflow:hidden;display:flex;flex-direction:column}header{position:relative;overflow:visible;background:linear-gradient(135deg,#1a73e8 0,#0d47a1 100%);color:#fff;padding:.625rem .42rem;padding-bottom:1.25rem;text-align:center;transition:background .8s ease,padding-bottom .6s ease}.header-animation{position:absolute;top:0;left:0;width:100%;height:200%;pointer-events:none;z-index:0}header>*{position:relative;z-index:1}header.sunny{background:linear-gradient(135deg,#fdb44b 0,#ff8a00 100%)}header.sunny .header-sun{position:absolute;width:2rem;height:2rem;top:.5rem;right:1rem;border-radius:50%;background:radial-gradient(circle,rgba(255,255,200,.8) 0,rgba(255,200,100,.4) 70%);animation:headerSunRotate 20s linear infinite}@keyframes headerSunRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}header.rainy{background:linear-gradient(135deg,#5b9bd5 0,#2e75b6 100%)}.header-rain{position:absolute;width:.03rem;height:.25rem;background:linear-gradient(to bottom,rgba(255,255,255,.6),rgba(255,255,255,.2));animation:headerRainFall linear infinite}@keyframes headerRainFall{0%{transform:translateY(-.5rem);opacity:0}10%{opacity:.8}90%{opacity:.8}100%{transform:translateY(4rem);opacity:0}}header.snowy{background:linear-gradient(135deg,#b4c7e7 0,#8eaadb 100%)}.header-snow{position:absolute;width:.12rem;height:.12rem;background:rgba(255,255,255,.9);border-radius:50%;animation:headerSnowFall linear infinite}@keyframes headerSnowFall{0%{transform:translateY(-.5rem) translateX(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(4rem) translateX(.2rem) rotate(360deg);opacity:0}}header.foggy{background:linear-gradient(135deg,#a6a6a6 0,#7f7f7f 100%)}.header-fog{position:absolute;width:150%;height:.6rem;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.2) 25%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.2) 75%,transparent 100%);animation:headerFogMove 12s linear infinite}@keyframes headerFogMove{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}header.cloudy{background:linear-gradient(135deg,#9dc3e6 0,#5b9bd5 100%)}.header-cloud{position:absolute;background:rgba(255,255,255,.3);border-radius:1.5rem;animation:headerCloudFloat linear infinite}@keyframes headerCloudFloat{0%{transform:translateX(-1.5rem)}100%{transform:translateX(calc(100% + 1.5rem))}}header.windy{background:linear-gradient(135deg,#70ad47 0,#548235 100%)}.header-wind{position:absolute;height:.1rem;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:headerWindBlow linear infinite}@keyframes headerWindBlow{0%{transform:translateX(-100%);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(200%);opacity:0}}header.thunderstorm{background:linear-gradient(135deg,#44546a 0,#2f3f56 100%)}.header-lightning{position:absolute;width:.06rem;height:1.5rem;background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,150,.4));box-shadow:0 0 .15rem rgba(255,255,255,.8);clip-path:polygon(50% 0%,40% 40%,60% 40%,45% 100%,55% 60%,35% 60%);animation:headerLightning 3s ease-in-out infinite;opacity:0}@keyframes headerLightning{0%,100%{opacity:0}45%,55%{opacity:0}48%,52%{opacity:1}49%,51%{opacity:.5}50%{opacity:1}}h1{font-size:.8rem;margin-bottom:.2rem;font-weight:600}.logo{position:fixed;left:.2rem;top:.2rem;width:1rem;height:1rem}.logo img{display:block;width:1rem;height:auto;vertical-align:middle}.subtitle{font-size:.5rem;opacity:.9}.search-section{padding:.5rem .333rem;border-bottom:1px solid #eee;background:#fff}.container-Id{margin:.1rem -.333rem}.search-box{display:flex;margin:0 auto}.tracking-input{flex:1;padding:.3125rem .416rem;border:.0416rem solid #1a73e8;border-radius:.1666rem 0 0 .1666rem;font-size:.5rem;outline:0;transition:all .3s}.tracking-input:focus{box-shadow:0 0 0 .0625rem rgba(26,115,232,.2)}.search-btn{background:#1a73e8;color:#fff;border:none;padding:0 .625rem;border-radius:0 .1666rem .1666rem 0;font-size:.5rem;font-weight:600;cursor:pointer;transition:all .3s}.search-btn:hover{background:#0d47a1}.search-btn:active{transform:scale(.98)}.result-section{padding:.417rem;flex:1;box-sizing:border-box;overflow:auto;background:#fff}.loading{text-align:center;padding:1.0417rem .417rem;font-size:.333rem}.spinner{width:1.0417rem;height:1.0417rem;border:.10417rem solid rgba(26,115,232,.2);border-radius:50%;border-top-color:#1a73e8;margin:0 auto .417rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.error-message{background:#ffebee;color:#c62828;padding:.3125rem;border-radius:.1666rem;text-align:center;margin:.417rem 0}.tracking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.417rem;padding-bottom:.3125rem;border-bottom:1px solid #eee}.tracking-number{font-size:.5rem;font-weight:600;color:#1a73e8}.status{background:#e8f0fe;color:#1a73e8;padding:.10417rem .3125rem;border-radius:.417rem;font-size:.5rem;font-weight:600}.timeline{position:relative;padding-left:.625rem;margin:.625rem 0}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#1a73e8}.timeline-item{position:relative;margin-bottom:.52rem}.timeline-item:last-child{margin-bottom:0}.timeline-item::before{content:'';position:absolute;left:-.75rem;top:.10417rem;width:.25rem;height:.25rem;border-radius:50%;background:#1a73e8}.timeline-item.active::before{background:#34a853;box-shadow:0 0 0 .0625rem rgba(52,168,83,.3)}.timeline-time{font-size:.444rem;color:#666;margin-bottom:5px}.timeline-content{font-weight:500;font-size:.333rem}.package-info{background:#f8f9fa;padding:.3125rem;border-radius:.1666rem;margin-top:.417rem}.info-row{display:flex;margin-bottom:.208rem}.info-label{width:2.5rem;font-weight:600;color:#666}.info-value{flex:1}footer{position:relative;overflow:hidden;text-align:center;padding:.5rem;color:#fff;font-size:.3rem;background:linear-gradient(135deg,#1a73e8 0,#0d47a1 100%);transition:background .8s ease}.footer-animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}footer>*{position:relative;z-index:1}footer.sunny{background:linear-gradient(135deg,#fdb44b 0,#ff8a00 100%)}footer.rainy{background:linear-gradient(135deg,#5b9bd5 0,#2e75b6 100%)}footer.snowy{background:linear-gradient(135deg,#b4c7e7 0,#8eaadb 100%)}footer.foggy{background:linear-gradient(135deg,#a6a6a6 0,#7f7f7f 100%)}footer.cloudy{background:linear-gradient(135deg,#9dc3e6 0,#5b9bd5 100%)}footer.windy{background:linear-gradient(135deg,#70ad47 0,#548235 100%)}footer.thunderstorm{background:linear-gradient(135deg,#44546a 0,#2f3f56 100%)}@media (max-width:600px){.search-box{flex-direction:column}.tracking-input{border-radius:.1666rem;margin-bottom:.208rem}.search-btn{border-radius:.1666rem;padding:.3125rem}.tracking-header{flex-direction:column;align-items:flex-start}.status{margin-top:.208rem}}.weather-display{overflow:hidden;background:rgba(255,255,255,.95);margin:.416rem;border-radius:.416rem;padding:.625rem;padding-top:1.25rem;backdrop-filter:blur(10px);box-shadow:0 .125rem .625rem rgba(0,0,0,.1);transition:background .6s ease,margin-top .6s ease;z-index:10}.weather-animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.weather-display>*{position:relative;z-index:1}.weather-display.sunny{background:linear-gradient(135deg,rgba(255,223,186,.3) 0,rgba(255,239,213,.2) 100%)}.weather-display.sunny .sun-rays{position:absolute;width:3rem;height:3rem;top:.5rem;right:.5rem;border-radius:50%;background:radial-gradient(circle,rgba(255,200,124,.3) 0,transparent 70%);animation:sunPulse 4s ease-in-out infinite}@keyframes sunPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.weather-display.rainy{background:linear-gradient(135deg,rgba(158,189,217,.25) 0,rgba(189,207,223,.15) 100%)}.rain-drop{position:absolute;width:.04rem;height:.3rem;background:linear-gradient(to bottom,rgba(174,194,224,.6),rgba(174,194,224,.2));border-radius:.02rem;animation:rainFall linear infinite}@keyframes rainFall{0%{transform:translateY(-.5rem);opacity:0}10%{opacity:.6}90%{opacity:.6}100%{transform:translateY(6rem);opacity:0}}.weather-display.snowy{background:linear-gradient(135deg,rgba(230,240,250,.3) 0,rgba(245,250,255,.2) 100%)}.snow-flake{position:absolute;width:.15rem;height:.15rem;background:rgba(255,255,255,.8);border-radius:50%;animation:snowFall linear infinite}@keyframes snowFall{0%{transform:translateY(-.5rem) translateX(0);opacity:0}10%{opacity:.8}90%{opacity:.8}100%{transform:translateY(6rem) translateX(.3rem);opacity:0}}.weather-display.foggy{background:linear-gradient(135deg,rgba(220,225,230,.3) 0,rgba(235,238,242,.2) 100%)}.fog-layer{position:absolute;width:150%;height:.8rem;background:linear-gradient(90deg,transparent 0,rgba(200,210,220,.3) 25%,rgba(200,210,220,.4) 50%,rgba(200,210,220,.3) 75%,transparent 100%);animation:fogMove 15s linear infinite}@keyframes fogMove{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.weather-display.cloudy{background:linear-gradient(135deg,rgba(210,220,230,.25) 0,rgba(225,232,240,.15) 100%)}.cloud{position:absolute;background:rgba(220,230,240,.4);border-radius:2rem;animation:cloudFloat linear infinite}@keyframes cloudFloat{0%{transform:translateX(-2rem)}100%{transform:translateX(calc(100% + 2rem))}}.weather-display.windy{background:linear-gradient(135deg,rgba(200,220,235,.2) 0,rgba(220,235,245,.15) 100%)}.wind-line{position:absolute;height:.1rem;background:linear-gradient(90deg,transparent,rgba(112,173,71,.7),rgba(84,130,53,.5),transparent);animation:windBlow linear infinite}@keyframes windBlow{0%{transform:translateX(-100%);opacity:0}10%{opacity:.9}90%{opacity:.9}100%{transform:translateX(200%);opacity:0}}.weather-display.thunderstorm{background:linear-gradient(135deg,rgba(120,140,160,.3) 0,rgba(150,165,180,.2) 100%)}.lightning{position:absolute;width:.08rem;height:2rem;background:linear-gradient(to bottom,rgba(255,255,200,.9),rgba(255,255,150,.3));box-shadow:0 0 .2rem rgba(255,255,200,.8);clip-path:polygon(50% 0%,40% 40%,60% 40%,45% 100%,55% 60%,35% 60%);animation:lightning 4s ease-in-out infinite;opacity:0}@keyframes lightning{0%,100%{opacity:0}45%,55%{opacity:0}48%,52%{opacity:1}49%,51%{opacity:.3}50%{opacity:1}}.weather-main{text-align:center;margin-bottom:.833rem}.location{font-size:.416rem;color:#666;margin-bottom:.416rem}.current-weather{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.temperature-section{display:flex;align-items:flex-start;font-weight:300}.temperature{font-size:2.5rem;font-weight:300;color:#333;line-height:1}.degree{font-size:1rem;color:#333;margin-top:.208rem}.weather-info{text-align:right}.weather-desc{display:flex;align-items:center;justify-content:flex-end;margin-bottom:.208rem}.weather-text{font-size:.5rem;color:#333;margin-right:.208rem}.weather-icon{width:.833rem;height:.833rem}.aqi-badge{display:inline-block;padding:.104rem .208rem;border-radius:.208rem;font-size:.333rem;color:#fff;font-weight:500}.aqi-good{background-color:#00e400}.aqi-moderate{background-color:#ff0;color:#333}.aqi-unhealthy-sensitive{background-color:#ff7e00}.aqi-unhealthy{background-color:red}.aqi-very-unhealthy{background-color:#8f3f97}.aqi-hazardous{background-color:#7e0023}.weather-details{display:flex;justify-content:space-around;font-size:.375rem;color:#666}.weather-details span{text-align:center}.forecast-section{display:flex;gap:.416rem}.forecast-item{flex:1;background:rgba(26,115,232,.1);border-radius:.333rem;padding:.416rem;text-align:center}.forecast-item.today{background:rgba(26,115,232,.15)}.forecast-label{font-size:.375rem;color:#666;margin-bottom:.208rem}.forecast-temp{font-size:.458rem;font-weight:500;color:#333;margin-bottom:.208rem}.forecast-weather{display:flex;align-items:center;justify-content:center;font-size:.333rem;color:#666}.forecast-icon{width:.625rem;height:.625rem;margin-right:.104rem}.weather-switcher{margin:.416rem;margin-top:-.416rem;padding:.416rem;background:rgba(255,255,255,.95);border-radius:.333rem;box-shadow:0 .083rem .416rem rgba(0,0,0,.08);backdrop-filter:blur(10px);z-index:10;position:relative}.switcher-label{font-size:.375rem;color:#666;margin-bottom:.333rem;font-weight:500}.switcher-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.weather-btn{flex:0 0 calc(25% - 0.1875rem);padding:.25rem .333rem;background:linear-gradient(135deg,#f5f7fa 0,#e8ecf1 100%);border:.02rem solid #ddd;border-radius:.25rem;font-size:.333rem;color:#555;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-align:center}.weather-btn.sunny{background:linear-gradient(135deg,#fdb44b 0,#ff8a00 100%);box-shadow:0 .083rem .416rem rgba(253,180,75,.4)}.weather-btn.rainy{background:linear-gradient(135deg,#5b9bd5 0,#2e75b6 100%);box-shadow:0 .083rem .416rem rgba(91,155,213,.4)}.weather-btn.snowy{background:linear-gradient(135deg,#b4c7e7 0,#8eaadb 100%);box-shadow:0 .083rem .416rem rgba(180,199,231,.4)}.weather-btn.foggy{background:linear-gradient(135deg,#a6a6a6 0,#7f7f7f 100%);box-shadow:0 .083rem .416rem rgba(166,166,166,.4)}.weather-btn.cloudy{background:linear-gradient(135deg,#9dc3e6 0,#5b9bd5 100%);box-shadow:0 .083rem .416rem rgba(157,195,230,.4)}.weather-btn.windy{background:linear-gradient(135deg,#70ad47 0,#548235 100%);box-shadow:0 .083rem .416rem rgba(112,173,71,.4)}.weather-btn.thunderstorm{background:linear-gradient(135deg,#44546a 0,#2f3f56 100%);box-shadow:0 .083rem .416rem rgba(68,84,106,.4)}.weather-btn:hover{background:linear-gradient(135deg,#e8ecf1 0,#dce3eb 100%)}.search-btn{flex:1;background:linear-gradient(135deg,#1a73e8 0,#0d47a1 100%);color:#fff;border:none;border-radius:.1666rem;padding:.4166rem;font-size:.416rem;font-weight:600;cursor:pointer;transition:all .6s ease;box-shadow:0 .083rem .416rem rgba(26,115,232,.3)}.search-btn.sunny{background:linear-gradient(135deg,#fdb44b 0,#ff8a00 100%);box-shadow:0 .083rem .416rem rgba(253,180,75,.4)}.search-btn.rainy{background:linear-gradient(135deg,#5b9bd5 0,#2e75b6 100%);box-shadow:0 .083rem .416rem rgba(91,155,213,.4)}.search-btn.snowy{background:linear-gradient(135deg,#b4c7e7 0,#8eaadb 100%);box-shadow:0 .083rem .416rem rgba(180,199,231,.4)}.search-btn.foggy{background:linear-gradient(135deg,#a6a6a6 0,#7f7f7f 100%);box-shadow:0 .083rem .416rem rgba(166,166,166,.4)}.search-btn.cloudy{background:linear-gradient(135deg,#9dc3e6 0,#5b9bd5 100%);box-shadow:0 .083rem .416rem rgba(157,195,230,.4)}.search-btn.windy{background:linear-gradient(135deg,#70ad47 0,#548235 100%);box-shadow:0 .083rem .416rem rgba(112,173,71,.4)}.search-btn.thunderstorm{background:linear-gradient(135deg,#44546a 0,#2f3f56 100%);box-shadow:0 .083rem .416rem rgba(68,84,106,.4)}@media (max-width:600px){.weather-btn{flex:0 0 calc(33.333% - 0.167rem);font-size:.3rem;padding:.208rem .25rem}}