@import"//at.alicdn.com/t/c/font_5096188_ufjmf15adjo.css";:root{color-scheme:dark;--primary-color: #54d6e7;--primary-hover: #7ee7f2;--primary-active: #22a9bd;--secondary-color: #f0ad3d;--success-color: #4dd6a0;--warning-color: #f0ad3d;--error-color: #ff6b6b;--bg-primary: #071016;--bg-secondary: #0b151d;--bg-tertiary: #121f29;--surface-primary: rgba(13, 22, 30, .92);--surface-secondary: rgba(16, 27, 36, .86);--surface-muted: rgba(21, 34, 44, .72);--border-primary: rgba(148, 163, 184, .18);--border-secondary: rgba(148, 163, 184, .28);--border-strong: rgba(196, 213, 223, .24);--text-primary: #eef5f7;--text-secondary: #bfccd2;--text-tertiary: #8d9da6;--text-muted: #64747d;--glass-bg: var(--surface-secondary);--glass-bg-strong: var(--surface-primary);--glass-bg-soft: var(--surface-muted);--glass-border: var(--border-primary);--glass-border-light: rgba(255, 255, 255, .07);--glass-highlight: rgba(255, 255, 255, .045);--glass-blur: 12px;--glass-blur-strong: 16px;--glass-saturate: 135%;--glow-primary: 0 0 18px rgba(84, 214, 231, .22);--glow-secondary: 0 0 16px rgba(240, 173, 61, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 18px 42px rgba(0, 0, 0, .34);--shadow-blue: 0 0 0 1px rgba(84, 214, 231, .18);--shadow-inset-blue: inset 0 0 0 1px rgba(84, 214, 231, .24);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 8px;--radius-pill: 999px;--transition-fast: .16s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{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);background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(135deg,#071016,#09151c 48%,#061117);background-size:44px 44px,44px 44px,auto;background-attachment:fixed;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8d9da66b;border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#54d6e78c;background-clip:padding-box}::selection{background-color:#54d6e747;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-542a03b6]{display:flex;justify-content:space-between;align-items:center;height:58px;padding:0 22px;background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));color:var(--text-secondary);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm);position:relative;z-index:20}.header-left[data-v-542a03b6]{display:flex;align-items:center;gap:12px}.header-home-link[data-v-542a03b6]{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}.header-home-link[data-v-542a03b6]:hover{opacity:.92}.header-logo[data-v-542a03b6]{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);outline:3px solid rgba(84,214,231,.08);transition:outline-color var(--transition-normal)}.header-home-link:hover .header-logo[data-v-542a03b6]{outline-color:#54d6e724}.header-title[data-v-542a03b6]{font-size:19px;font-weight:650;letter-spacing:0;margin:0;color:var(--text-primary);transition:color var(--transition-fast)}.header-home-link:hover .header-title[data-v-542a03b6]{color:var(--primary-hover)}.header-right[data-v-542a03b6]{display:flex;align-items:center;gap:12px;min-width:0}.greeting[data-v-542a03b6]{font-size:14px;color:var(--text-secondary);white-space:nowrap}.header-separator[data-v-542a03b6]{width:1px;height:18px;background:var(--border-secondary)}.time-icon[data-v-542a03b6]{width:16px;height:16px;border:1.5px solid var(--text-tertiary);border-radius:50%;position:relative;flex-shrink:0}.time-icon[data-v-542a03b6]:before,.time-icon[data-v-542a03b6]:after{content:"";position:absolute;left:50%;top:50%;width:1.5px;background:var(--text-tertiary);transform-origin:50% 0}.time-icon[data-v-542a03b6]:before{height:5px;transform:translate(-50%,-1px) rotate(0)}.time-icon[data-v-542a03b6]:after{height:4px;transform:translate(-50%,-1px) rotate(120deg)}.current-time[data-v-542a03b6]{font-size:14px;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:760px){.header-container[data-v-542a03b6]{padding:0 14px}.header-title[data-v-542a03b6]{font-size:16px}.greeting[data-v-542a03b6],.header-separator[data-v-542a03b6]{display:none}.current-time[data-v-542a03b6]{font-size:12px}}.icon-system[data-v-eccb26c4]{display:inline-block;flex-shrink:0;vertical-align:middle}.aside-container[data-v-6fbaae5c]{width:286px;background:#081118d1;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition-normal);position:relative;z-index:15}.aside-container[data-v-6fbaae5c]:after{content:"";position:absolute;top:0;bottom:0;right:-1px;width:1px;background:#ffffff0f;pointer-events:none}.aside-container[data-v-6fbaae5c]:not(.expanded){width:64px}.aside-header[data-v-6fbaae5c]{min-height:58px;padding:0 12px 0 22px;border-bottom:1px solid var(--glass-border);background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center}.toggle-aside-btn[data-v-6fbaae5c]{width:34px;height:34px;background:#ffffff06;border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.toggle-aside-btn[data-v-6fbaae5c]:hover{background:#54d6e714;color:var(--primary-hover);border-color:#54d6e752}.aside-title[data-v-6fbaae5c]{margin:0;font-size:16px;color:var(--text-secondary);font-weight:600;letter-spacing:0}.category-list[data-v-6fbaae5c]{padding:14px 0;flex:1;min-height:0;overflow-y:auto}.category-item[data-v-6fbaae5c]{margin-bottom:6px;animation:fadeIn var(--transition-normal)}.category-header[data-v-6fbaae5c]{display:flex;align-items:center;min-height:44px;padding:0 18px;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:0;margin:0;border-top:1px solid transparent;border-bottom:1px solid transparent}.category-header[data-v-6fbaae5c]:hover{background:#ffffff09;color:var(--text-primary);border-color:var(--glass-border-light)}.category-icon[data-v-6fbaae5c]{width:24px;height:24px;margin-right:12px;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.category-icon i[data-v-6fbaae5c]{font-size:18px;line-height:1}#webgl .category-icon i[data-v-6fbaae5c]{font-size:28px}.category-name[data-v-6fbaae5c]{flex:1;font-size:15px;font-weight:500}.category-toggle[data-v-6fbaae5c]{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform var(--transition-normal);transform:rotate(0)}.category-toggle.expanded[data-v-6fbaae5c]{transform:rotate(90deg)}.example-list[data-v-6fbaae5c]{padding:8px 0 8px 46px;overflow:hidden}.expand-enter-active[data-v-6fbaae5c],.expand-leave-active[data-v-6fbaae5c]{transition:all var(--transition-normal);max-height:600px;opacity:1}.expand-enter-from[data-v-6fbaae5c],.expand-leave-to[data-v-6fbaae5c]{max-height:0;opacity:0}.expand-enter-from[data-v-6fbaae5c],.expand-leave-to[data-v-6fbaae5c]{padding-top:0;padding-bottom:0}.example-item[data-v-6fbaae5c]{position:relative;min-height:40px;padding:0 16px 0 14px;cursor:pointer;color:var(--text-tertiary);font-size:14px;transition:color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);margin:0;border-radius:0;display:flex;align-items:center;border-left:3px solid transparent}.example-icon[data-v-6fbaae5c]{width:20px;height:20px;margin-right:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color var(--transition-fast)}.example-item[data-v-6fbaae5c]:hover{background:#ffffff09;color:var(--text-primary)}.example-item:hover .example-icon[data-v-6fbaae5c]{color:var(--primary-color)}.example-item.active[data-v-6fbaae5c]{background:linear-gradient(90deg,#54d6e729,#54d6e70b);color:var(--text-primary);font-weight:600;border-left-color:var(--primary-color);box-shadow:inset 1px 0 #54d6e752}.example-item.active .example-icon[data-v-6fbaae5c]{color:var(--primary-color)}.aside-container:not(.expanded) .aside-title[data-v-6fbaae5c],.aside-container:not(.expanded) .category-name[data-v-6fbaae5c],.aside-container:not(.expanded) .category-toggle[data-v-6fbaae5c],.aside-container:not(.expanded) .example-name[data-v-6fbaae5c]{display:none}.aside-container:not(.expanded) .aside-header[data-v-6fbaae5c]{padding:0;justify-content:center}.aside-container:not(.expanded) .category-header[data-v-6fbaae5c]{padding:0;justify-content:center}.aside-container:not(.expanded) .category-icon[data-v-6fbaae5c]{margin-right:0}.aside-container:not(.expanded) .example-list[data-v-6fbaae5c]{padding-left:0;padding-right:0}.aside-container:not(.expanded) .example-item[data-v-6fbaae5c]{padding:0;justify-content:center}.aside-container:not(.expanded) .category-icon[data-v-6fbaae5c],.aside-container:not(.expanded) .example-icon[data-v-6fbaae5c]{width:24px;margin-right:0}@media(max-width:880px){.aside-container.expanded[data-v-6fbaae5c]{width:248px}}.perf-monitor[data-v-0cabeac6]{flex-shrink:0;padding:12px 16px;background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.perf-header[data-v-0cabeac6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.perf-title[data-v-0cabeac6]{font-size:13px;font-weight:600;letter-spacing:0;color:var(--text-secondary)}.perf-rows[data-v-0cabeac6]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--glass-border)}.perf-row[data-v-0cabeac6]{display:grid;grid-template-columns:44px minmax(120px,1fr) 66px;align-items:end;gap:12px;min-height:56px;padding:14px 24px 2px 0;border-right:1px solid var(--glass-border)}.perf-row+.perf-row[data-v-0cabeac6]{padding-left:24px}.perf-row[data-v-0cabeac6]:last-child{border-right:0;padding-right:0}.perf-label[data-v-0cabeac6]{font-size:14px;font-weight:500;color:var(--text-secondary);letter-spacing:0}.perf-chart[data-v-0cabeac6]{flex:1;height:40px;background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),#ffffff06;background-size:100% 50%;border-radius:var(--radius-sm);overflow:hidden;position:relative}.perf-line-chart[data-v-0cabeac6]{display:block;width:100%;height:100%}.chart-grid[data-v-0cabeac6]{stroke:#ffffff14;stroke-width:1;vector-effect:non-scaling-stroke}.chart-line[data-v-0cabeac6]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.perf-value[data-v-0cabeac6]{text-align:right;font-size:24px;line-height:1;font-weight:650;font-variant-numeric:tabular-nums}.perf-gpu-name[data-v-0cabeac6]{margin-top:10px;padding-top:10px;border-top:1px solid var(--glass-border);font-size:11px;color:var(--text-muted);line-height:1.45;word-break:break-word;white-space:normal;font-variant-numeric:tabular-nums}.perf-monitor.collapsed[data-v-0cabeac6]{border-radius:0;border-right:0;border-left:0;border-bottom:0;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:5px}.mini-fps[data-v-0cabeac6]{font-size:20px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.mini-label[data-v-0cabeac6]{font-size:9px;letter-spacing:0;color:var(--text-muted);font-weight:600}.mini-dots[data-v-0cabeac6]{display:flex;gap:8px;margin-top:4px}.perf-dot[data-v-0cabeac6]{width:8px;height:8px;border-radius:50%;background:var(--secondary-color)}.perf-dot.good[data-v-0cabeac6]{background:var(--success-color);color:var(--success-color)}.perf-dot.warn[data-v-0cabeac6]{background:var(--warning-color);color:var(--warning-color)}.perf-dot.bad[data-v-0cabeac6]{background:var(--error-color);color:var(--error-color)}.perf-chart.good[data-v-0cabeac6]{color:var(--primary-color)}.perf-chart.warn[data-v-0cabeac6]{color:var(--warning-color)}.perf-chart.bad[data-v-0cabeac6]{color:var(--error-color)}.perf-value.good[data-v-0cabeac6],.mini-fps.good[data-v-0cabeac6]{color:var(--primary-color)}.perf-value.warn[data-v-0cabeac6],.mini-fps.warn[data-v-0cabeac6]{color:var(--warning-color)}.perf-value.bad[data-v-0cabeac6],.mini-fps.bad[data-v-0cabeac6]{color:var(--error-color)}@media(max-width:980px){.perf-rows[data-v-0cabeac6]{grid-template-columns:1fr}.perf-row[data-v-0cabeac6],.perf-row+.perf-row[data-v-0cabeac6],.perf-row[data-v-0cabeac6]:last-child{padding:12px 0;border-right:0;border-bottom:1px solid var(--glass-border)}.perf-row[data-v-0cabeac6]:last-child{border-bottom:0}}.map-container[data-v-dc91e834]{flex:1;display:flex;flex-direction:column;background:transparent;overflow:hidden}.map-content[data-v-dc91e834]{flex:1;display:flex;flex-direction:column;padding:14px;gap:10px;min-height:0;overflow:hidden}.example-info[data-v-dc91e834]{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));padding:0 20px;border-radius:var(--radius-md);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);animation:fadeIn var(--transition-normal);position:relative;overflow:hidden}.example-info[data-v-dc91e834]:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--primary-color)}.info-left[data-v-dc91e834]{flex-shrink:0;min-width:140px;display:flex;align-items:center}.example-title[data-v-dc91e834]{margin:0;font-size:21px;font-weight:650;letter-spacing:0;line-height:1.25;color:var(--text-primary)}.info-divider[data-v-dc91e834]{width:1px;flex-shrink:0;align-self:stretch;background:var(--border-primary)}.info-right[data-v-dc91e834]{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left}.example-desc[data-v-dc91e834]{margin:0;font-size:14px;color:var(--text-tertiary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-meta[data-v-dc91e834]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 14px;font-size:13px;flex-shrink:0}.example-tech[data-v-dc91e834]{display:flex;align-items:center;gap:6px}.tech-label[data-v-dc91e834]{color:var(--text-muted)}.tech-value[data-v-dc91e834]{color:var(--primary-color)}.example-article[data-v-dc91e834]{display:flex;align-items:center;gap:8px}.article-label[data-v-dc91e834]{color:var(--text-muted)}.article-link[data-v-dc91e834]{color:var(--primary-color);text-decoration:none;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid rgba(84,214,231,.22);background:#54d6e70e;transition:all var(--transition-fast)}.article-link[data-v-dc91e834]:hover{color:var(--primary-hover);border-color:#54d6e76b;background:#54d6e71a}.map-view[data-v-dc91e834]{background:#071017;border-radius:var(--radius-md);border:1px solid var(--border-secondary);overflow:hidden;box-shadow:var(--shadow-md),inset 0 0 0 1px var(--glass-highlight);min-height:0;max-height:100%;height:100%;flex:1;position:relative;contain:layout}.loading-overlay[data-v-dc91e834]{position:absolute;inset:0;background-color:#071016c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;z-index:1000;border-radius:var(--radius-md);pointer-events:none}.loading-spinner[data-v-dc91e834]{width:34px;height:34px;border:3px solid rgba(141,157,166,.18);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin-dc91e834 1s linear infinite}@keyframes spin-dc91e834{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-dc91e834]{color:var(--text-secondary);font-size:14px;letter-spacing:0;animation:pulse 1.5s ease-in-out infinite}@media(max-width:980px){.map-content[data-v-dc91e834]{padding:10px}.example-info[data-v-dc91e834]{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 14px 12px 18px}.info-divider[data-v-dc91e834]{display:none}.info-right[data-v-dc91e834]{width:100%;align-items:flex-start;flex-direction:column;gap:8px}.example-desc[data-v-dc91e834]{white-space:normal}.info-meta[data-v-dc91e834]{justify-content:flex-start}}.app-container[data-v-309d2851]{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 160px),transparent;position:relative}.app-container[data-v-309d2851]:before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.035);z-index:30}.main-content[data-v-309d2851]{display:flex;flex:1;min-height:0;overflow:hidden}