.gpx-viewer[data-v-049c7888]{width:100%;height:100%;display:flex;gap:20px;padding:20px;background:#f5f7fa}.control-panel[data-v-049c7888]{width:350px;height:calc(100vh - 40px);background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:20px;overflow-y:auto;flex-shrink:0}.panel-header h2[data-v-049c7888]{font-size:20px;margin-bottom:20px;color:#1f2937}.upload-section[data-v-049c7888]{margin-bottom:20px}input[type=file][data-v-049c7888]{display:none}.upload-btn[data-v-049c7888]{display:block;width:100%;padding:12px 20px;background:#3887be;color:#fff;border-radius:8px;text-align:center;cursor:pointer;transition:background .3s;font-weight:500}.upload-btn[data-v-049c7888]:hover{background:#2c6a99}.info-section[data-v-049c7888]{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:8px}.info-section h3[data-v-049c7888]{font-size:16px;margin-bottom:12px;color:#374151}.info-item[data-v-049c7888]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.info-item .label[data-v-049c7888]{color:#6b7280}.info-item .value[data-v-049c7888]{color:#1f2937;font-weight:500}.map-style-section[data-v-049c7888]{margin-bottom:20px}.map-style-section h3[data-v-049c7888]{font-size:16px;margin-bottom:12px;color:#374151}.map-mode-controls[data-v-049c7888]{display:flex;flex-direction:column;gap:8px}.radio-label[data-v-049c7888]{display:flex;align-items:center;padding:12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s;position:relative}.radio-label[data-v-049c7888]:hover{background:#f3f4f6;border-color:#d1d5db}.radio-label.active[data-v-049c7888]{background:#eff6ff;border-color:#3887be}.radio-label input[type=radio][data-v-049c7888]{position:absolute;opacity:0;cursor:pointer}.radio-content[data-v-049c7888]{display:flex;align-items:center;gap:10px;width:100%}.radio-icon[data-v-049c7888]{font-size:20px;flex-shrink:0}.radio-text[data-v-049c7888]{font-size:14px;color:#374151;font-weight:500}.radio-label.active .radio-text[data-v-049c7888]{color:#3887be}.color-section[data-v-049c7888]{margin-bottom:20px}.color-section h3[data-v-049c7888]{font-size:16px;margin-bottom:12px;color:#374151}.color-controls[data-v-049c7888]{display:flex;flex-direction:column;gap:12px}.color-item[data-v-049c7888]{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-label[data-v-049c7888]{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;cursor:pointer}.color-picker[data-v-049c7888]{width:50px;height:35px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:border-color .3s}.color-picker[data-v-049c7888]:hover{border-color:#3887be}.reset-btn[data-v-049c7888]{padding:6px 12px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.reset-btn[data-v-049c7888]:hover{background:#e5e7eb;border-color:#9ca3af}.color-presets[data-v-049c7888]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-presets-inline[data-v-049c7888]{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-left:8px}.preset-label[data-v-049c7888]{font-size:13px;color:#6b7280}.preset-color[data-v-049c7888]{width:32px;height:32px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .3s}.preset-color[data-v-049c7888]:hover{transform:scale(1.1);border-color:#3887be;box-shadow:0 2px 8px #00000026}.preset-color-small[data-v-049c7888]{width:24px;height:24px;border:2px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .3s}.preset-color-small[data-v-049c7888]:hover{transform:scale(1.15);border-color:#3887be;box-shadow:0 2px 6px #00000026}.activity-section[data-v-049c7888]{margin-bottom:20px}.activity-section h3[data-v-049c7888]{font-size:16px;margin-bottom:12px;color:#374151}.activity-input[data-v-049c7888]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .3s;box-sizing:border-box}.activity-input[data-v-049c7888]:focus{outline:none;border-color:#3887be;box-shadow:0 0 0 3px #3887be1a}.activity-input[data-v-049c7888]::placeholder{color:#9ca3af}.export-section[data-v-049c7888]{margin-bottom:20px}.export-section h3[data-v-049c7888]{font-size:16px;margin-bottom:12px;color:#374151}.export-controls[data-v-049c7888]{display:flex;flex-direction:column;gap:10px}.preview-btn[data-v-049c7888],.export-btn[data-v-049c7888]{width:100%;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.preview-btn[data-v-049c7888]{background:#f3f4f6;color:#374151}.preview-btn[data-v-049c7888]:hover{background:#e5e7eb}.export-btn[data-v-049c7888]{background:#3887be;color:#fff}.export-btn[data-v-049c7888]:hover:not(:disabled){background:#2c6a99}.export-btn[data-v-049c7888]:disabled{opacity:.5;cursor:not-allowed}.export-scale[data-v-049c7888]{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.export-scale select[data-v-049c7888]{flex:1;padding:8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;cursor:pointer}.tip-section[data-v-049c7888]{padding:12px;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b}.tip[data-v-049c7888]{margin:0;font-size:13px;color:#92400e;line-height:1.5}.tip-small[data-v-049c7888]{margin:0;font-size:12px;color:#a16207;line-height:1.4;padding-left:8px}.preview-panel[data-v-049c7888]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.preview-label[data-v-049c7888]{position:absolute;top:20px;right:20px;background:#fffffff2;color:#ef4444;font-size:24px;font-weight:700;padding:8px 16px;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:1001;letter-spacing:2px;border:2px solid #ef4444}.preview-content[data-v-049c7888]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0003;position:relative}@media (min-width: 901px){.preview-content[data-v-049c7888]{width:calc((100vh - 40px)*.75);height:calc(100vh - 40px)}@supports (width: min(1px,1px)){.preview-content[data-v-049c7888]{width:min(calc((100vh - 40px)*.75),calc(100vw - 410px));height:min(calc(100vh - 40px),calc((100vw - 350px - 60px) * 4 / 3))}}}@media (max-width: 900px){.gpx-viewer[data-v-049c7888]{flex-direction:column;padding:10px;gap:10px;overflow-y:auto}.control-panel[data-v-049c7888]{width:100%;height:auto;max-height:none}.preview-panel[data-v-049c7888]{width:100%}.preview-content[data-v-049c7888]{width:calc(100vw - 20px);height:calc((100vw - 20px) * 4 / 3)}.preview-label[data-v-049c7888]{top:10px;right:10px;font-size:18px;padding:6px 12px}}.preview-map[data-v-049c7888]{width:100%;height:100%;background:#e5e7eb;position:absolute;top:0;left:0}.preview-map[data-v-049c7888] .amap-logo,.preview-map[data-v-049c7888] .amap-copyright,.preview-map[data-v-049c7888] .amap-scalecontrol,.preview-map[data-v-049c7888] .amap-toolbar,.preview-map[data-v-049c7888] .amap-controlbar,.preview-map[data-v-049c7888] .amap-controls{display:none!important;opacity:0!important;visibility:hidden!important}.preview-overlay[data-v-049c7888]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.preview-header[data-v-049c7888]{background:linear-gradient(180deg,#00000080,#0000);padding:16px;color:#fff}.preview-title[data-v-049c7888]{font-size:20px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:8px}.preview-time[data-v-049c7888]{font-size:14px;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.5)}.preview-stats[data-v-049c7888]{background:linear-gradient(0deg,#fffffff2,#ffffffd9);padding:16px 20px;border-radius:20px 20px 0 0}.stat-row[data-v-049c7888]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item[data-v-049c7888]{text-align:center;padding:10px 0;border-radius:8px}.stat-label[data-v-049c7888]{font-size:13px;color:#6b7280;margin-bottom:6px}.stat-value[data-v-049c7888]{font-size:20px;font-weight:600;color:#1f2937}.loading-overlay[data-v-049c7888]{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-spinner[data-v-049c7888]{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3887be;border-radius:50%;animation:spin-049c7888 1s linear infinite}@keyframes spin-049c7888{to{transform:rotate(360deg)}}.loading-overlay p[data-v-049c7888]{margin-top:16px;color:#6b7280;font-size:16px}.control-panel[data-v-049c7888]::-webkit-scrollbar{width:6px}.control-panel[data-v-049c7888]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.control-panel[data-v-049c7888]::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.control-panel[data-v-049c7888]::-webkit-scrollbar-thumb:hover{background:#555}.app-container[data-v-943ee7f2]{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}#app{width:100vw;height:100vh}