*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: oklch(98% 0 0);--color-surface: oklch(100% 0 0);--color-text: oklch(15% 0 0);--color-text-light: oklch(45% 0 0);--color-primary: oklch(15% 0 0);--color-primary-dark: oklch(0% 0 0);--color-accent: oklch(40% 0 0);--color-border: oklch(90% 0 0);--color-success: oklch(65% .1 150);--color-warning: oklch(75% .15 60);--color-error: oklch(65% .15 30);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .05);--shadow-md: 0 4px 16px oklch(0% 0 0 / .08);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .12);--nav-bg: oklch(100% 0 0 / .8);--share-option-bg: oklch(94% 0 0);--share-option-hover: oklch(89% 0 0);--modal-backdrop: oklch(0% 0 0 / .72);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-serif: var(--font-sans);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem}[data-theme=dark]{--color-bg: oklch(12% 0 0);--color-surface: oklch(18% 0 0);--color-text: oklch(95% 0 0);--color-text-light: oklch(70% 0 0);--color-primary: oklch(95% 0 0);--color-primary-dark: oklch(100% 0 0);--color-accent: oklch(70% 0 0);--color-border: oklch(25% 0 0);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .4);--shadow-md: 0 4px 16px oklch(0% 0 0 / .5);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .6);--nav-bg: oklch(18% 0 0 / .8);--share-option-bg: oklch(24% 0 0);--share-option-hover: oklch(30% 0 0);--modal-backdrop: oklch(0% 0 0 / .78)}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;position:relative}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,3vw,1.75rem)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark)}button{font-family:var(--font-sans);font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;letter-spacing:.01em}.btn-primary{background:var(--color-primary);color:var(--color-bg)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg);border:1px solid var(--color-border)}.input{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.95rem;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--color-primary)}.leaflet-container{width:100%;height:100%;overflow:hidden}.grid-2-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.dashboard-layout{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links-left{display:flex;align-items:center;gap:1rem}.nav-links-right{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-surface);padding:var(--space-md);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md)}.nav-links.mobile-open{display:flex}.nav-links-left,.nav-links-right{flex-direction:column;width:100%;align-items:stretch}.nav-links-left a,.nav-links-right a,.nav-links-right button{width:100%;text-align:center;padding:var(--space-sm) 0}.mobile-menu-btn{display:block!important}.grid-2-cols{grid-template-columns:1fr;gap:1rem}.dashboard-layout{grid-template-columns:1fr}.mobile-hidden{display:none!important}.container{padding:0 var(--space-md)}.card{padding:var(--space-md)}.map-overlay-container{top:auto!important;bottom:0!important;right:0!important;width:100%!important;max-height:50vh!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;padding:var(--space-lg) var(--space-md)!important;background:var(--color-surface)!important;box-shadow:0 -4px 16px #0000001a!important}.map-overlay-card{margin-bottom:0!important;border:none!important;box-shadow:none!important;padding:0!important;background:transparent!important}}.custom-marker-cluster{background:transparent!important;border:none!important}.leaflet-popup-content-wrapper{padding:0!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 10px 40px #00000026!important}.leaflet-popup-content{margin:0!important;width:auto!important}.leaflet-popup-close-button{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.image-scroll-container::-webkit-scrollbar{display:none}.image-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes sound-image-spin{to{transform:rotate(360deg)}}.sound-image-loading-spinner{animation:sound-image-spin .8s linear infinite}.sound-share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999998;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--modal-backdrop)}.sound-share-panel{width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:28px 30px 30px;box-shadow:var(--shadow-lg)}.sound-share-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.sound-share-header h2{margin:0;font-size:10px;line-height:1.2;letter-spacing:0}.sound-share-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;background:transparent;color:var(--color-text)}.sound-share-close svg{width:24px;height:24px}.sound-share-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px}.sound-share-option{height:142px;padding:16px 10px 14px;border-radius:8px;background:var(--share-option-bg);color:var(--color-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:10px;line-height:1.2}.sound-share-option:hover{background:var(--share-option-hover);transform:translateY(-2px)}.sound-share-icon{width:50px;height:50px;display:block;object-fit:contain;filter:none}[data-theme=dark] .sound-share-icon{filter:invert(1)}.sound-share-wechat-qr{display:flex;align-items:center;gap:16px;margin-top:16px;padding:14px;border-radius:8px;background:var(--share-option-bg)}.sound-share-wechat-qr-image{width:132px;height:132px;flex:0 0 132px;display:block;border-radius:8px;background:#fff}.sound-share-wechat-qr-copy{min-width:0;display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:1.4}.sound-share-wechat-qr-copy strong{font-size:13px;line-height:1.25}.sound-share-wechat-qr-copy span{color:var(--color-text-light)}@media (max-width: 720px){.sound-share-panel{width:min(500px,calc(100vw - 32px));padding:24px 20px}.sound-share-header{margin-bottom:20px}.sound-share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sound-share-option{height:102px;padding:12px 8px;gap:8px}.sound-share-icon{width:36px;height:36px}.sound-share-wechat-qr{align-items:flex-start}.sound-share-wechat-qr-image{width:104px;height:104px;flex-basis:104px}}