.travel-app-container{background:var(--color-bg-window);width:100%;height:100%;font-family:var(--font-sans);color:var(--color-text-primary);display:flex;overflow:hidden}.travel-map-pane{height:100%;backdrop-filter:var(--glass-blur-md);transition:background-color var(--dur-normal) ease;background-color:#06050ea6;border-right:1px solid #ffffff0a;flex:1;position:relative;overflow:hidden}[data-theme=light] .travel-map-pane{background-color:#f1f5f9b3;border-right-color:#7c3aed0f}.travel-svg-canvas{width:100%;height:100%;display:block}.travel-graticule{fill:none;stroke:var(--color-accent);stroke-opacity:.08;stroke-width:.5px;vector-effect:non-scaling-stroke}[data-theme=light] .travel-graticule{stroke:var(--color-accent);stroke-opacity:.06}.travel-land{fill:var(--color-accent);fill-opacity:.025;stroke:var(--color-accent);stroke-opacity:.28;stroke-width:.8px;vector-effect:non-scaling-stroke;transition:all .3s}[data-theme=light] .travel-land{fill:var(--color-accent);fill-opacity:.035;stroke:var(--color-accent);stroke-opacity:.22}.travel-land:hover{fill-opacity:.07;stroke-opacity:.45}[data-theme=light] .travel-land:hover{fill-opacity:.07;stroke-opacity:.38}.city-core-dot{fill:var(--color-accent-bright);transition:fill .3s}[data-theme=light] .city-core-dot{fill:var(--color-accent)}.city-pulse-ring{fill:none;stroke:var(--color-accent-bright);stroke-width:1.2px;animation:2s cubic-bezier(.215,.61,.355,1) infinite travel-city-pulse}[data-theme=light] .city-pulse-ring{stroke:var(--color-accent)}@keyframes travel-city-pulse{0%{r:2px;opacity:.9}to{r:14px;opacity:0}}.travel-flight-track{fill:none;stroke:var(--color-accent);stroke-opacity:.15;stroke-width:.8px;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}[data-theme=light] .travel-flight-track{stroke:var(--color-accent);stroke-opacity:.12}.travel-flight-glow{fill:none;stroke:var(--color-accent-bright);stroke-dasharray:8 180;stroke-dashoffset:0;stroke-width:1.8px;filter:drop-shadow(0 0 5px var(--color-accent-bright));vector-effect:non-scaling-stroke;animation:4.2s linear infinite travel-flight-flow}[data-theme=light] .travel-flight-glow{stroke:var(--color-accent);filter:drop-shadow(0 0 3px var(--color-accent))}@keyframes travel-flight-flow{to{stroke-dashoffset:-188px}}.travel-map-controls{left:var(--space-4);bottom:var(--space-4);gap:var(--space-2);z-index:20;flex-direction:column;display:flex;position:absolute}.travel-map-controls button{width:28px;height:28px;backdrop-filter:var(--glass-blur-sm);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;background:#1e1b2eb3;border:1px solid #ffffff14;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex}[data-theme=light] .travel-map-controls button{color:var(--color-text-primary);background:#fffc;border-color:#7c3aed1f}.travel-map-controls button:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-1px)}.travel-info-pane{width:320px;height:100%;padding:var(--space-4);gap:var(--space-4);background:#17132626;border-left:1px solid #ffffff0a;flex-direction:column;display:flex;overflow-y:auto}[data-theme=light] .travel-info-pane{background:#f0eef759;border-left-color:#7c3aed0f}.travel-hud-stats{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.hud-stat-box{border-radius:var(--radius-md);padding:var(--space-2) 0;text-align:center;background:#ffffff05;border:1px solid #ffffff0a;flex-direction:column;justify-content:center;display:flex}[data-theme=light] .hud-stat-box{background:#ffffff80;border-color:#7c3aed14}.hud-stat-value{color:var(--color-accent-bright);font-size:1.1rem;font-weight:800}[data-theme=light] .hud-stat-value{color:var(--color-accent)}.hud-stat-label{color:var(--color-text-muted);letter-spacing:.08em;margin-top:1px;font-size:.55rem;font-weight:700}.travel-search-box input{border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-primary);transition:all var(--dur-fast);background:#0003;border:1px solid #ffffff0f;outline:none;font-size:.78rem}[data-theme=light] .travel-search-box input{background:#fff9;border-color:#7c3aed26}.travel-search-box input:focus{border-color:var(--color-accent-bright);box-shadow:0 0 8px var(--color-accent-glow)}[data-theme=light] .travel-search-box input:focus{border-color:var(--color-accent);box-shadow:0 0 6px #7c3aed1f}.travel-filter-bar{gap:var(--space-1);scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.travel-filter-bar::-webkit-scrollbar{display:none}.travel-filter-btn{border-radius:var(--radius-full);color:var(--color-text-secondary);padding:var(--space-1) var(--space-2_5);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff0d;font-size:.65rem;font-weight:600;transition:all .2s}[data-theme=light] .travel-filter-btn{border-color:#7c3aed1a}.travel-filter-btn:hover{color:var(--color-text-primary);background:#ffffff08}[data-theme=light] .travel-filter-btn:hover{background:#7c3aed08}.travel-filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.travel-city-list{gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.travel-city-list::-webkit-scrollbar{width:3px}.travel-city-list::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff14}.travel-city-item{border-radius:var(--radius-md);padding:var(--space-2_5) var(--space-3);cursor:pointer;background:#ffffff04;border:1px solid #ffffff08;transition:all .2s}[data-theme=light] .travel-city-item{background:#fff6;border-color:#7c3aed0d}.travel-city-item:hover{background:#ffffff09;border-color:#ffffff14;transform:translate(2px)}[data-theme=light] .travel-city-item:hover{background:#7c3aed08;border-color:#7c3aed1f}.travel-city-item.active{border-color:var(--color-accent-bright);box-shadow:0 0 10px var(--color-accent-borderSubtle);background:#a855f714}[data-theme=light] .travel-city-item.active{border-color:var(--color-accent);box-shadow:none;background:#7c3aed0d}.city-item-header{margin-bottom:var(--space-1_5);justify-content:space-between;align-items:center;display:flex}.city-item-name{font-size:.82rem;font-weight:700}.city-item-visits{color:var(--color-text-muted);font-size:.68rem}.city-item-badge{padding:1px var(--space-1_5);border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#ffffff0d;font-size:.58rem;font-weight:800}.city-item-badge[data-type=旅行]{color:#10b981;background:#10b9811f}.city-item-badge[data-type=读书]{color:#3b82f6;background:#3b82f61f}.city-item-badge[data-type=暂驻]{color:#f59e0b;background:#f59e0b1f}.city-item-badge[data-type=途经]{color:#ef4444;background:#ef44441f}.travel-journal-console{border-radius:var(--radius-md);background:#06050e;border:1px solid #ffffff0f;flex-direction:column;height:150px;display:flex;overflow:hidden}[data-theme=light] .travel-journal-console{background:#0f172a;border-color:#0f172a26}.console-header{padding:var(--space-1_5) var(--space-3);user-select:none;background:#ffffff05;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;display:flex}.console-dot{background:var(--color-accent-bright);width:7px;height:7px;box-shadow:0 0 5px var(--color-accent-bright);border-radius:50%}.console-title{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.6rem;font-weight:700}.console-body{padding:var(--space-3);font-family:var(--font-mono);color:#a7f3d0;flex:1;font-size:.7rem;line-height:1.5;overflow-y:auto}.journal-content p{margin:0 0 4px}.journal-meta{color:#f59e0b}.journal-type{color:#3b82f6}.journal-visits{color:#a855f7}.journal-text{color:#a7f3d0;font-size:.74rem;line-height:1.6}.journal-placeholder{height:100%;color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.placeholder-radar-icon{font-size:1.2rem;animation:1.5s ease-in-out infinite alternate travel-radar-flash}@keyframes travel-radar-flash{0%{opacity:.2}to{opacity:1}}.journal-placeholder p{margin:0;font-size:.58rem;line-height:1.4}@media (width<=768px){.travel-app-container{flex-direction:column}.travel-info-pane{border-top:1px solid #ffffff0a;border-left:none;width:100%;height:300px}}