.metro-line-chart[data-v-158d9748]{width:100%;height:280px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a}.metro-radial-chart[data-v-3a8160f1]{width:100%;height:300px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center}.metro-timeline-chart[data-v-2f6f67a2]{width:100%;height:180px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a}.metro-flow-chart[data-v-fa537a18]{width:100%;height:320px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a}.metro-gauge-chart[data-v-2bd32fef]{width:100%;height:260px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center}.metro-network-background[data-v-236c2930]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:transparent;transition:background-color .5s ease,z-index 0s .5s}.metro-network-background.visible[data-v-236c2930]{background:#000;z-index:10;transition:background-color .5s ease,z-index 0s 0s;pointer-events:auto}.metro-canvas[data-v-236c2930]{width:100%;height:100%;display:block;opacity:0;background:transparent;transition:opacity .5s ease;cursor:grab}.metro-canvas.visible[data-v-236c2930]{opacity:1;pointer-events:auto}.metro-toggle-btn-test[data-v-236c2930]{position:fixed!important;bottom:20px!important;left:20px!important;z-index:999999!important;pointer-events:auto!important}.simple-btn[data-v-236c2930]{background:red!important;color:#fff!important;border:3px solid #ffffff!important;padding:15px 20px!important;font-size:16px!important;font-weight:700!important;border-radius:8px!important;cursor:pointer!important;box-shadow:0 4px 8px #0000004d!important;min-width:150px!important;position:relative!important;z-index:1000000!important}.simple-btn[data-v-236c2930]:hover{background:#c00!important;transform:scale(1.05)!important}@media (max-width: 768px){.metro-toggle-btn-test[data-v-236c2930]{bottom:16px!important;left:16px!important}.simple-btn[data-v-236c2930]{padding:12px 16px!important;font-size:14px!important;min-width:120px!important}}.button-tooltip[data-v-236c2930]{position:fixed;background:#000000e6;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:10000;pointer-events:none;transform:translate(-50%) translateY(-100%);box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tooltipFadeIn-236c2930 .15s ease-out}.button-tooltip[data-v-236c2930]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.9)}@keyframes tooltipFadeIn-236c2930{0%{opacity:0;transform:translate(-50%) translateY(-100%) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-100%) scale(1)}}.metro-line-controls[data-v-236c2930]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;z-index:1000;pointer-events:auto;background:transparent;padding:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:none;max-width:600px;overflow:visible}.metro-line-row[data-v-236c2930]{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:nowrap}.shanghai-metro-line-btn[data-v-236c2930]{display:flex;align-items:center;justify-content:center;height:26px;background:#fffffff2;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.3);overflow:hidden;width:56px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shanghai-metro-line-btn[data-v-236c2930]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003;border-color:#ffffff80}.shanghai-metro-line-btn.active[data-v-236c2930]{background:var(--line-color);border-color:var(--line-color);box-shadow:0 3px 10px #0000004d}.shanghai-metro-line-btn.active.line-市域机场[data-v-236c2930]{background:#fff;border:2px solid #000000;color:#000}.shanghai-metro-line-btn.active.line-磁浮[data-v-236c2930]{background:linear-gradient(to bottom,#008b9a 50%,#ff9147 50%);border-color:#008b9a;color:#fff}.shanghai-metro-line-btn.inactive[data-v-236c2930]{background:#fffc;border-color:#fff6}.shanghai-metro-line-btn.hovered[data-v-236c2930]{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #00000040;z-index:100;border-color:var(--line-color)}.shanghai-metro-line-btn.faded[data-v-236c2930]{opacity:.3;transform:scale(.98)}.shanghai-metro-line-btn.line-市域机场[data-v-236c2930],.shanghai-metro-line-btn.line-示范区[data-v-236c2930]{width:68px}.line-info[data-v-236c2930]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2px 6px;min-width:0;flex:1}.line-name-cn[data-v-236c2930]{font-size:11px;font-weight:600;line-height:1.1;color:#1f2937;font-family:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shanghai-metro-line-btn.active .line-name-cn[data-v-236c2930]{color:var(--text-color);text-shadow:0 1px 2px rgba(0,0,0,.1)}.line-name-en[data-v-236c2930]{font-size:7px;font-weight:500;line-height:1.1;color:#6b7280;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.5px}.shanghai-metro-line-btn.line-市域机场 .line-name-en[data-v-236c2930],.shanghai-metro-line-btn.line-示范区 .line-name-en[data-v-236c2930]{font-size:6px;letter-spacing:.1px}.shanghai-metro-line-btn.active .line-name-en[data-v-236c2930]{color:var(--text-color);opacity:.8}.shanghai-metro-line-btn.inactive .line-name-en[data-v-236c2930]{color:#9ca3af}@media (max-width: 768px){.metro-line-controls[data-v-236c2930]{bottom:16px;max-width:90vw}.metro-line-row[data-v-236c2930]{gap:3px}.shanghai-metro-line-btn[data-v-236c2930]{height:24px;width:50px;border-radius:5px}.shanghai-metro-line-btn.line-市域机场[data-v-236c2930],.shanghai-metro-line-btn.line-示范区[data-v-236c2930]{width:60px;font-size:6px}.line-info[data-v-236c2930]{padding:1px 4px}.line-name-cn[data-v-236c2930]{font-size:10px}.line-name-en[data-v-236c2930]{font-size:6px}}@media (max-width: 480px){.metro-line-controls[data-v-236c2930]{max-width:95vw;bottom:12px}.metro-line-row[data-v-236c2930]{gap:2px;flex-wrap:wrap;justify-content:center}.shanghai-metro-line-btn[data-v-236c2930]{width:44px;height:22px}.line-name-cn[data-v-236c2930]{font-size:9px}.line-name-en[data-v-236c2930]{font-size:5px}}.app[data-v-f139f074]{min-height:100vh;background-color:var(--bg-primary)}.metro-control-wrapper[data-v-f139f074]{position:fixed;bottom:20px;left:20px;z-index:999999;pointer-events:auto}.metro-network-toggle[data-v-f139f074]{background:#dc2626!important;color:#fff!important;border:3px solid white!important;padding:15px 25px!important;font-size:16px!important;font-weight:700!important;border-radius:10px!important;cursor:pointer!important;box-shadow:0 6px 12px #dc262666!important;transition:all .3s ease!important;min-width:150px!important}.metro-network-toggle[data-v-f139f074]:hover{background:#b91c1c!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 16px #dc262699!important}#smooth-wrapper{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;right:0;bottom:0}#smooth-content{overflow:visible;width:100%}@media (max-width: 768px){#smooth-wrapper{-webkit-overflow-scrolling:touch}}:root{--primary: #2563eb;--secondary: #64748b;--accent: #0ea5e9;--success: #059669;--warning: #d97706;--danger: #dc2626;--metro-1: #dc2626;--metro-2: #059669;--metro-3: #eab308;--metro-4: #7c3aed;--metro-5: #db2777;--metro-6: #2563eb;--metro-7: #ea580c;--metro-8: #0891b2;--metro-9: #1e40af;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: #f8fafc;--bg-dark: #0f172a;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-muted: #f1f5f9;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.metro-progress{position:fixed;top:0;left:0;right:0;height:70px;background-color:transparent;z-index:var(--z-fixed)}.progress-fade-enter-active{transition:all .6s ease-out}.progress-fade-leave-active{transition:all .4s ease-in}.progress-fade-enter-from,.progress-fade-leave-to{opacity:0;transform:translateY(-20px)}.metro-progress-fill{position:absolute;top:0;left:0;height:12px;transition:width var(--transition-base),background-color .8s ease;position:relative;box-shadow:0 2px 8px #dc262633;border-radius:2px}.metro-line-indicator{position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:8px;font-weight:var(--font-bold);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.3px;white-space:nowrap;opacity:.95;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}@keyframes lineIndicatorFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:.95;transform:translateY(-50%) translate(0)}}.line-indicator-fade-enter-active{transition:all .4s ease-out}.line-indicator-fade-leave-active{transition:all .3s ease-in}.line-indicator-fade-enter-from{opacity:0;transform:translateY(-50%) translate(-8px) scale(.9)}.line-indicator-fade-leave-to{opacity:0;transform:translateY(-50%) translate(8px) scale(1.1)}.metro-station-circle{position:absolute;top:-1px;width:15px;height:15px;border-radius:50%;background-color:#fff;border:2px solid #000000;z-index:12;transition:left var(--transition-base),transform var(--transition-base);box-shadow:0 2px 4px #0003}.metro-station-indicator{position:absolute;top:12px;background-color:var(--bg-primary);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--metro-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:left var(--transition-base),transform var(--transition-base);z-index:11;min-width:120px;font-size:var(--text-xs)}.metro-station-indicator:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--metro-1);z-index:12}.metro-station-indicator:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--bg-primary);z-index:13}.station-info{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.station-header{display:flex;align-items:center;gap:var(--space-2)}.station-logo{width:16px;height:16px;object-fit:contain}.station-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2;letter-spacing:.2px}@keyframes logoGlow{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-md),0 0 10px #dc26264d}}.metro-progress-fill:before{content:"";position:absolute;right:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#fffc,#fff6,#fffc);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.content-container{max-width:900px;margin:0 auto;background-color:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.page-background{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);min-height:100vh;padding:var(--space-8) var(--space-6)}.page-background:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,var(--metro-6) .5px,transparent .5px),radial-gradient(circle at 75% 75%,var(--metro-2) .5px,transparent .5px);background-size:50px 50px;opacity:.03;pointer-events:none;z-index:-1}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,var(--metro-6) .5px,transparent .5px),radial-gradient(circle at 75% 75%,var(--metro-2) .5px,transparent .5px);background-size:50px 50px;opacity:.05;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px;padding:var(--space-8)}.main-title{font-size:var(--text-5xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);color:var(--text-primary);letter-spacing:-.02em}.subtitle{font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--text-secondary);margin-bottom:0}.data-section{padding:var(--space-16) var(--space-8);border-bottom:1px solid var(--border-muted)}.data-section:last-of-type{border-bottom:none}.section-header{margin-bottom:var(--space-12);text-align:left}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-3)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);font-weight:var(--font-normal);line-height:1.6}.charts-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.chart-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.chart-container:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.chart-container h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.footer{background-color:var(--bg-dark);color:var(--text-inverse);padding:var(--space-8);text-align:center;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.footer-content p{font-size:var(--text-base);opacity:.9;margin:0}@media (max-width: 768px){.page-background{padding:var(--space-4) var(--space-3)}.content-container{border-radius:var(--radius-lg)}.hero-content{padding:var(--space-6)}.main-title{font-size:var(--text-3xl)}.subtitle{font-size:var(--text-lg)}.data-section{padding:var(--space-12) var(--space-6)}.charts-grid{grid-template-columns:1fr;gap:var(--space-4)}.chart-container{padding:var(--space-4)}.section-title{font-size:var(--text-2xl)}}@media (max-width: 480px){.page-background{padding:var(--space-3) var(--space-2)}.hero-content{padding:var(--space-4)}.main-title{font-size:var(--text-2xl)}.subtitle{font-size:var(--text-base)}.data-section{padding:var(--space-8) var(--space-4)}.chart-container{padding:var(--space-3)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.chart-tooltip{position:absolute;background-color:var(--text-primary);color:var(--text-inverse);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);pointer-events:none;z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--transition-fast)}.chart-tooltip.visible{opacity:1}.interactive:hover{cursor:pointer}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.main-content{transition:opacity .3s ease,visibility .3s ease}.main-content.hidden{opacity:0;visibility:hidden;pointer-events:none}