@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";#app{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}:root{--primary: #19ded3;--primary-light: #22d3ee;--primary-dark: #0d6a99;--primary-hint: #19ded3;--info: #19ded3;--success: #2dd4bf;--warning: #ffc107;--error: #ff4757;--danger: #ff4c51;--chart-cyan: #22d3ee;--chart-pink: #f472b6;--chart-blue: #60a5fa;--chart-purple: #a78bfa;--chart-coral: #fb7185;--chart-green: #34d399;--chart-teal: #2dd4bf;--chart-yellow: #fbbf24;--chart-orange: #ef8e3f;--chart-sky: #22b5ff;--bg-dark: #0a1628;--bg-darker: #042333;--bg-card: rgba(4, 35, 51, .3);--bg-card-hover: rgba(4, 35, 51, .5);--bg-overlay: rgba(0, 0, 0, .8);--bg-glass: rgba(13, 106, 153, .3);--bg-glass-light: rgba(13, 106, 153, .15);--bg-glass-lighter: rgba(13, 106, 153, .05);--bg-white-10: rgba(255, 255, 255, .1);--bg-white-08: rgba(255, 255, 255, .08);--bg-white-06: rgba(255, 255, 255, .06);--bg-primary-05: rgba(34, 211, 238, .05);--bg-primary-08: rgba(25, 222, 211, .08);--bg-primary-15: rgba(34, 211, 238, .15);--bg-primary-25: rgba(34, 211, 238, .25);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-tertiary: rgba(255, 255, 255, .7);--text-disabled: rgba(255, 255, 255, .5);--text-hint: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .2);--border-light: rgba(255, 255, 255, .1);--border-lighter: rgba(255, 255, 255, .05);--border-primary: rgba(25, 222, 211, .4);--border-primary-light: rgba(34, 211, 238, .6);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-primary: 0 0 20px rgba(25, 222, 211, .5);--shadow-glow: 0 0 12px rgba(34, 211, 238, .3);--font-size-h1: 64px;--font-size-h2: 56px;--font-size-h3: 48px;--font-size-h4: 40px;--font-size-h5: 32px;--font-size-h6: 24px;--font-size-base: 24px;--font-size-small: 20px;--font-size-xs: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 9999;--z-tooltip: 10000;--font-family: "Noto Sans TC", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--white: #ffffff;--bg1: #f8f8f8;--bg1-70: rgba(248, 248, 248, .7);--bg1-20: rgba(255, 255, 255, .08);--bg2: #0a1628;--bg3-20: rgba(25, 222, 211, .08);--white-bg-10: rgba(255, 255, 255, .06);--base-text: #ffffff;--content1: #ffffff;--content2: rgba(255, 255, 255, .7);--component-border: rgba(25, 222, 211, .4);--spacing-4: 16px;--window-border-radius: 8px}@media(max-width:1440px){:root{--font-size-h1: 42px;--font-size-h2: 36px;--font-size-h3: 32px;--font-size-h4: 28px;--font-size-h5: 20px;--font-size-h6: 16px;--font-size-base: 16px;--font-size-small: 14px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;color:var(--base-text);background:var(--bg2);font-family:var(--font-family);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh}.text-shadow{text-shadow:0px 0px 4px rgba(248,248,248,.7)}.box-shadow-primary{box-shadow:0 0 6px 0 var(--primary)}.map-container .port-name{font-size:var(--font-size-h3)}.map-container .total-cases{font-size:var(--font-size-h4);color:#fff;background:linear-gradient(135deg,#22d3ee80,#0d6a9980);border:1px solid rgba(25,222,211,.6);text-shadow:0px 0px 8px rgba(25,222,211,.9);padding:8px 18px}