*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#3498db;--accent-color:#ff6b35;--text-color:#fff;--text-secondary-color:#ccc;--bg-main:#0a0a1a;--bg-container:rgba(0,0,0,.4);--bg-container-footer:rgba(0,0,0,.6);--bg-scrollable:rgba(0,0,0,.2);--border-color:hsla(0,0%,100%,.2);--border-color-light:hsla(0,0%,100%,.1);--color-safe:#27ae60;--color-basic:#f39c12;--color-moderate:#e67e22;--color-high:#e74c3c;--color-danger:#c0392b;--kp-gradient:linear-gradient(90deg,#0f0 0%,#0f0 30%,#ff0 40%,#ff0 50%,red 60%,red)}body{font-family:Roboto,Microsoft YaHei,微软雅黑,sans-serif;background:url(../images/72hour.jpg) 50%/cover fixed;background-color:var(--bg-main);color:var(--text-color);min-height:100vh;overflow-wrap:break-word}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative}.header{display:inline;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:20px}.brand-section{width:100%;display:flex;align-items:center;gap:20px;flex-shrink:0;justify-content:center}.benzing-logo,.pigeon-logo{text-align:center;align-items:center;gap:10px}.brand-text{font-weight:700;font-size:18px;color:#333}.benzing-icon,.pigeon-icon{height:36px;width:auto}.benzing-text{display:flex;flex-direction:column;align-items:flex-start}.benzing-title{font-size:24px;font-weight:700;color:var(--text-color)}.benzing-subtitle{font-size:12px;color:var(--text-secondary-color)}.main-title{width:100%;white-space:nowrap;flex-grow:1;text-align:left;font-size:24px;font-weight:700;margin:0 1rem 10px}.title-number{font-size:36px;color:var(--primary-color);margin-right:5px;color:#e74c3c}.title-text{margin-left:8px;color:#fff}.release-info{margin-left:auto;text-align:right;flex-shrink:0;font-size:14px;color:#666;display:flex;align-items:center;justify-content:flex-end;gap:20px}.release-time{font-size:10px;color:var(--text-color);background:rgba(0,0,0,.3);padding:2px 4px;border-radius:20px}.timezone-selector{display:flex;align-items:center;gap:10px}.timezone-selector label,.timezone-selector select{color:var(--text-color);font-size:12px}.timezone-selector select{padding:2px 5px;border:1px solid var(--primary-color);border-radius:8px;background:rgba(0,0,0,.5)}.data-section{background:var(--bg-container);border-radius:15px;padding:20px;margin-bottom:30px;position:relative;z-index:3;backdrop-filter:blur(10px)}.data-header{margin-bottom:5px;position:relative}.flight-advice{display:flex;align-items:center;gap:10px;padding:5px 0;flex-wrap:wrap}.advice-label,.distance-label{font-size:10px;font-weight:500;color:var(--text-color);width:130px;flex-shrink:0}.safety-levels{display:flex;gap:5px;flex:1;position:relative}.level{padding:4px;border-radius:4px;font-size:12px;font-weight:500;flex:1;min-width:0;background-image:var(--kp-gradient);background-size:1000% 100%;background-repeat:no-repeat;color:transparent;-webkit-background-clip:text;background-clip:text;border:none}.level:first-child{background-position-x:0}.level:nth-child(2){background-position-x:12.5%}.level:nth-child(3){background-position-x:25%}.level:nth-child(4){background-position-x:37.5%}.level:nth-child(5){background-position-x:45%}.level:nth-child(6){background-position-x:57.5%}.level:nth-child(7){background-position-x:75%}.level:nth-child(8){background-position-x:87.5%}.level:nth-child(9),.level:nth-child(10){background-position-x:100%}.scrollable-data{max-height:792px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-scrollable);position:relative;scrollbar-width:none;-ms-overflow-style:none}.scrollable-data::-webkit-scrollbar{display:none}.data-row{height:33px;display:flex;align-items:stretch;padding:0 10px;border-bottom:1px solid var(--border-color-light)}.data-row:last-child{border-bottom:none}.date-column{min-width:60px;font-size:18px;color:var(--primary-color);font-weight:800;text-align:center;display:flex;justify-content:center;align-items:flex-start;padding-top:1px}.date-column.empty{color:transparent}.time-column{width:60px;font-size:14px;color:var(--text-color);font-weight:400;position:relative;text-align:center;margin-left:10px;display:flex;justify-content:center;align-items:flex-start}.chart-column{flex:1;margin-left:0;position:relative;height:90%}.date-overlay{display:none}.data-bar{height:90%;border-radius:2px;position:relative;transition:all .3s ease;border:none;background-image:var(--kp-gradient);background-repeat:no-repeat}.data-bar:hover{transform:scaleY(1.1);box-shadow:0 2px 8px rgba(0,0,0,.3)}.chart-column:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent calc(100% / 9 - 1px),hsla(0,0%,100%,.08) calc(100% / 9 - 1px),hsla(0,0%,100%,.08) 11.11111%);pointer-events:none}.data-footer{margin-top:2px;padding-top:2px;border-top:none}.distance-advice{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.distance-values{display:flex;gap:5px;flex:1;position:relative}.distance-values span{font-size:11px;flex:1;min-width:0;background-image:var(--kp-gradient);background-size:1000% 100%;background-repeat:no-repeat;color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:500;border:none}.distance-values span:first-child{background-position-x:0}.distance-values span:nth-child(2){background-position-x:12.5%}.distance-values span:nth-child(3){background-position-x:25%}.distance-values span:nth-child(4){background-position-x:37.5%}.distance-values span:nth-child(5){background-position-x:45%}.distance-values span:nth-child(6){background-position-x:57%}.distance-values span:nth-child(7){background-position-x:75%}.distance-values span:nth-child(8){background-position-x:87.5%}.distance-values span:nth-child(9),.distance-values span:nth-child(10){background-position-x:100%}.pigeon-fixed,.pigeon-moving{position:absolute;width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:50%;transition:left .5s ease}.pigeon-moving{background-image:url(../images/pigeon_moving.svg);transform:translateY(-50%)}.pigeon-fixed{background-image:url(../images/pigeon_fixed.svg);transform:translateY(-50%);top:90%}.pigeon-images{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2}.pigeon-moving{position:absolute;font-size:24px;transition:all .5s ease;right:50%;top:150px;transform:rotate(-15deg)}.pigeon-fixed{position:absolute;font-size:20px;right:20%;color:var(--primary-color);transform:rotate(0deg)}.footer{background:var(--bg-container-footer);border-radius:10px;padding:20px;text-align:center;backdrop-filter:blur(10px)}.disclaimer{margin-bottom:20px}.disclaimer p{font-size:14px;color:var(--text-secondary-color);line-height:1.8}.social-links{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.app-info,.wechat-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-color)}.app-icon,.wechat-icon{font-size:18px}.wechat-icon{color:#07c160}.app-icon{color:var(--accent-color)}@keyframes a{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{animation:a .8s ease-out}@media (max-width:768px){.container{padding:10px}.title-number{font-size:32px}.title-text{font-size:20px}.distance-advice,.flight-advice{flex-wrap:nowrap}.advice-label,.distance-label{flex-shrink:0}.distance-values,.safety-levels{overflow:hidden}.data-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.release-info{gap:15px}.social-links{flex-direction:column;gap:15px}.pigeon-moving{font-size:20px;right:25%;top:80px}.pigeon-fixed{font-size:16px;right:18%;bottom:15px}.brand-section{width:100%;display:contents;align-items:center;gap:20px;flex-shrink:0;justify-content:center}.main-title{white-space:nowrap;flex-grow:1;text-align:center;font-size:24px;font-weight:700;margin:0 1rem 10px}}@media (max-width:480px){.title-number{font-size:28px}.title-text{font-size:18px}.date-column{display:none}.time-column{width:60px;margin-left:10px}.date-overlay{display:block;position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);font-size:36px;font-weight:700;color:hsla(0,0%,100%,.1);pointer-events:none;z-index:0}.time-text{position:relative;z-index:1}.safety-levels{justify-content:center}.level{font-size:9px;padding:2px 4px}.distance-values{justify-content:center}.distance-values span{font-size:9px}.app-info,.disclaimer p,.wechat-info{font-size:12px}.advice-label,.distance-label{font-size:10px;width:70px}.data-row{height:28px}}@media (max-width:375px){.container{padding:8px}.data-section{padding:10px}.footer{padding:15px}.brand-text{font-size:14px}.benzing-title{font-size:20px}.benzing-subtitle{font-size:10px}}@media print{body{background:#fff;color:#000}.container{box-shadow:none}.pigeon-images{display:none}.scrollable-data{max-height:none;overflow:visible}}.error-message,.loading-message{padding:40px 20px;text-align:center;font-size:18px;font-weight:500;border-radius:8px}.loading-message{color:var(--text-secondary-color)}.error-message{color:var(--accent-color);background-color:rgba(255,107,53,.1);border:1px solid var(--accent-color)}.skeleton-container{padding:0}.skeleton-row{height:33px;display:flex;align-items:stretch;padding:0 10px;border-bottom:1px solid var(--border-color-light)}.skeleton-row:last-child{border-bottom:none}.skeleton-date{min-width:60px;height:20px;margin:6px auto}.skeleton-date,.skeleton-time{background:linear-gradient(90deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1) 75%);background-size:200% 100%;border-radius:4px;animation:b 1.5s ease-in-out infinite}.skeleton-time{width:60px;height:16px;margin:8px auto 0}.skeleton-chart{flex:1;margin-left:0;height:20px;background:linear-gradient(90deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1) 75%);background-size:200% 100%;border-radius:4px;margin:6px 0;animation:b 1.5s ease-in-out infinite}@keyframes b{0%{background-position:200% 0}to{background-position:-200% 0}}