@import"//at.alicdn.com/t/c/font_5096188_ufjmf15adjo.css";:root{--primary-color: #3b82f6;--primary-hover: #60a5fa;--primary-active: #2563eb;--secondary-color: #06b6d4;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-primary: #0a0f1f;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--border-primary: #334155;--border-secondary: #475569;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-blue: 0 0 15px rgba(59, 130, 246, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}::selection{background-color:#3b82f64d;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-blue{box-shadow:var(--shadow-blue)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.header-container[data-v-754f6647]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;background-color:var(--bg-secondary);color:var(--text-tertiary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.header-left[data-v-754f6647]{display:flex;align-items:center;gap:12px}.header-home-link[data-v-754f6647]{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}.header-home-link[data-v-754f6647]:hover{opacity:.9}.header-logo[data-v-754f6647]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-primary)}.header-title[data-v-754f6647]{font-size:18px;font-weight:600;color:var(--primary-color);margin:0;transition:color var(--transition-fast)}.header-title[data-v-754f6647]:hover{color:var(--primary-hover)}.header-right[data-v-754f6647]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.greeting[data-v-754f6647]{font-size:14px;color:var(--success-color)}.current-time[data-v-754f6647]{font-size:12px;color:var(--text-tertiary)}.aside-container[data-v-f72ddd42]{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;overflow-y:auto;transition:width var(--transition-normal)}.aside-container[data-v-f72ddd42]:not(.expanded){width:60px}.aside-header[data-v-f72ddd42]{padding:16px;border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary);position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center}.toggle-aside-btn[data-v-f72ddd42]{background:none;border:none;color:var(--primary-color);font-size:16px;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toggle-aside-btn[data-v-f72ddd42]:hover{background-color:var(--bg-tertiary);color:var(--primary-hover);transform:scale(1.1)}.aside-title[data-v-f72ddd42]{margin:0;font-size:16px;color:var(--primary-color);font-weight:600}.category-list[data-v-f72ddd42]{padding:8px 0;flex:1}.category-item[data-v-f72ddd42]{margin-bottom:4px;animation:fadeIn var(--transition-normal)}.category-header[data-v-f72ddd42]{display:flex;align-items:center;padding:10px 16px;cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast);border-radius:var(--radius-sm);margin:0 8px}.category-header[data-v-f72ddd42]:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-sm)}.category-icon[data-v-f72ddd42]{width:20px;margin-right:8px;color:var(--secondary-color);display:inline-flex;align-items:center;justify-content:center}.category-icon i[data-v-f72ddd42]{font-size:16px;line-height:1}#webgl .category-icon i[data-v-f72ddd42]{font-size:28px}.category-name[data-v-f72ddd42]{flex:1;font-size:14px;font-weight:500}.category-toggle[data-v-f72ddd42]{font-size:12px;transition:transform var(--transition-fast);color:var(--text-muted)}.category-toggle.expanded[data-v-f72ddd42]{transform:rotate(0)}.example-list[data-v-f72ddd42]{padding-left:36px;background-color:var(--bg-primary);overflow:hidden}.expand-enter-active[data-v-f72ddd42],.expand-leave-active[data-v-f72ddd42]{transition:all var(--transition-normal);max-height:500px;opacity:1}.expand-enter-from[data-v-f72ddd42],.expand-leave-to[data-v-f72ddd42]{max-height:0;opacity:0}.expand-enter-from[data-v-f72ddd42],.expand-leave-to[data-v-f72ddd42]{padding-top:0;padding-bottom:0}.example-item[data-v-f72ddd42]{padding:8px 16px;cursor:pointer;color:var(--text-tertiary);font-size:13px;transition:all var(--transition-fast);border-left:2px solid transparent;margin-right:8px;display:flex;align-items:center}.example-icon[data-v-f72ddd42]{width:18px;margin-right:8px;color:var(--primary-color)}.example-item[data-v-f72ddd42]:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-left-color:var(--primary-color);border-radius:var(--radius-sm)}.example-item.active[data-v-f72ddd42]{background-color:var(--bg-tertiary);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:500;border-radius:var(--radius-sm);box-shadow:var(--shadow-blue)}.aside-container:not(.expanded) .aside-title[data-v-f72ddd42],.aside-container:not(.expanded) .category-name[data-v-f72ddd42],.aside-container:not(.expanded) .category-toggle[data-v-f72ddd42],.aside-container:not(.expanded) .example-name[data-v-f72ddd42]{display:none}.aside-container:not(.expanded) .aside-header[data-v-f72ddd42]{padding:16px 8px}.aside-container:not(.expanded) .category-header[data-v-f72ddd42]{padding:10px 8px;justify-content:center}.aside-container:not(.expanded) .category-icon[data-v-f72ddd42]{margin-right:0}.aside-container:not(.expanded) .example-list[data-v-f72ddd42]{padding-left:0;text-align:center}.map-container[data-v-bdf6af94]{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}.map-content[data-v-bdf6af94]{flex:1;display:flex;flex-direction:column;padding:20px;gap:20px;min-height:0;overflow:hidden}.example-info[data-v-bdf6af94]{background-color:var(--bg-secondary);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);animation:fadeIn var(--transition-normal)}.example-title[data-v-bdf6af94]{margin:0 0 8px;font-size:18px;color:var(--primary-color);font-weight:600}.example-desc[data-v-bdf6af94]{margin:0 0 12px;font-size:14px;color:var(--text-tertiary);line-height:1.6}.example-tech[data-v-bdf6af94]{display:flex;align-items:center;gap:8px;font-size:13px}.tech-label[data-v-bdf6af94]{color:var(--text-muted)}.tech-value[data-v-bdf6af94]{color:var(--success-color)}.example-article[data-v-bdf6af94]{display:flex;align-items:center;gap:8px;font-size:13px}.article-label[data-v-bdf6af94]{color:var(--text-muted)}.article-link[data-v-bdf6af94]{color:var(--primary-color);text-decoration:none;transition:color var(--transition-normal)}.article-link[data-v-bdf6af94]:hover{color:var(--primary-hover);text-decoration:underline}.map-view[data-v-bdf6af94]{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-lg);min-height:0;max-height:100%;height:100%;flex:1;position:relative;contain:layout}.loading-overlay[data-v-bdf6af94]{position:absolute;inset:0;background-color:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;z-index:1000;border-radius:var(--radius-md)}.loading-spinner[data-v-bdf6af94]{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin-bdf6af94 1s linear infinite}@keyframes spin-bdf6af94{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-bdf6af94]{color:var(--primary-color);font-size:14px;animation:pulse 1.5s ease-in-out infinite}.app-container[data-v-bad8f000]{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-primary)}.main-content[data-v-bad8f000]{display:flex;flex:1;overflow:hidden}