.tags-view-container[data-v-9b5406ab]{height:100%;width:100%;background:#fff;border-bottom:1px solid #d8dce5;box-shadow:0 1px 3px #0000001f,0 0 3px #0000000a;padding:0 12px}.tags-view-container .tags-view-wrapper[data-v-9b5406ab]{height:100%;display:flex;column-gap:12px;align-items:center}.tags-view-container .tags-view-wrapper .tags-view-item[data-v-9b5406ab]{display:inline-flex;align-items:center;position:relative;cursor:pointer;height:24px;border:1px solid #d8dce5;color:#495060;background:#fff;padding:0 8px;font-size:12px;text-decoration:none}.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-9b5406ab]{background-color:#42b983;color:#fff;border-color:#42b983}.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-9b5406ab]:before{content:"";background:#fff;display:inline-block;width:8px;height:8px;border-radius:50%;position:relative;margin-right:4px}.tags-view-container .tags-view-wrapper .tags-view-item.active .menu-close[data-v-9b5406ab]{color:#fff}.tags-view-container .tags-view-wrapper .tags-view-item .menu-close[data-v-9b5406ab]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;text-align:center;margin-left:4px;transition:background-color .3s cubic-bezier(.645,.045,.355,1);transform-origin:100% 50%;color:#495060}.tags-view-container .tags-view-wrapper .tags-view-item .menu-close[data-v-9b5406ab]:hover{background-color:#b4bccc;color:#fff}.tags-view-container .contextmenu[data-v-9b5406ab]{margin:0;background:#fff;z-index:3000;position:absolute;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px #0000004d}.tags-view-container .contextmenu li[data-v-9b5406ab]{margin:0;padding:7px 16px;cursor:pointer}.tags-view-container .contextmenu li[data-v-9b5406ab]:hover{background:#eee}.app-container{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}.app-container .app-header{height:42px;background-color:#000}.app-container .app-content{flex:1;overflow-y:auto}.container[data-v-d8e51ea4]{padding:20px;max-width:100%;margin:0 auto;min-height:100vh;background-color:#f5f7fa}.page-title[data-v-d8e51ea4]{text-align:center;color:#303133;margin-bottom:30px;font-size:24px}.main-content[data-v-d8e51ea4]{display:flex;gap:30px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px #0000001a}.left-panel[data-v-d8e51ea4]{flex:0 0 400px;display:flex;flex-direction:column;gap:20px}.right-panel[data-v-d8e51ea4]{flex:1;min-width:0}.section-title[data-v-d8e51ea4],.preview-title[data-v-d8e51ea4]{font-size:18px;color:#303133;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.upload-area[data-v-d8e51ea4]{background-color:#f8f9fb;padding:20px;border-radius:8px;border:2px dashed #dcdfe6;transition:all .3s}.upload-area[data-v-d8e51ea4]:hover{border-color:#409eff;background-color:#f5f7fa}.button-group[data-v-d8e51ea4]{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.file-input[data-v-d8e51ea4]{padding:8px;border:1px solid #dcdfe6;border-radius:4px;width:100%;box-sizing:border-box}.reset-btn[data-v-d8e51ea4],.paste-btn[data-v-d8e51ea4],.detect-btn[data-v-d8e51ea4]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;width:100%}.reset-btn[data-v-d8e51ea4]{background-color:#f56c6c;color:#fff}.paste-btn[data-v-d8e51ea4]{background-color:#409eff;color:#fff}.detect-btn[data-v-d8e51ea4]{background-color:#67c23a;color:#fff;font-size:16px;padding:12px 20px}.reset-btn[data-v-d8e51ea4]:hover,.paste-btn[data-v-d8e51ea4]:hover,.detect-btn[data-v-d8e51ea4]:hover{opacity:.9;transform:translateY(-1px)}.reset-btn[data-v-d8e51ea4]:disabled,.paste-btn[data-v-d8e51ea4]:disabled,.detect-btn[data-v-d8e51ea4]:disabled{background-color:#c0c4cc;cursor:not-allowed;transform:none}.upload-tip[data-v-d8e51ea4]{color:#909399;font-size:13px;text-align:center;margin-top:10px}.preview-container[data-v-d8e51ea4]{background-color:#f8f9fb;border-radius:8px;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.img-box[data-v-d8e51ea4]{width:100%;height:600px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden}.img-box img[data-v-d8e51ea4]{max-width:100%;max-height:100%;object-fit:contain;display:block}.face-canvas[data-v-d8e51ea4]{position:absolute;pointer-events:none}.empty-preview[data-v-d8e51ea4]{display:flex;align-items:center;justify-content:center;height:600px;width:100%;color:#909399;font-size:16px;background-color:#fff;border:1px dashed #dcdfe6;border-radius:8px}.loading[data-v-d8e51ea4]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:15px 25px;border-radius:4px;z-index:1000}.result[data-v-d8e51ea4]{text-align:center;padding:15px;background-color:#f0f9eb;color:#67c23a;border-radius:4px;font-size:15px}.reset-icon[data-v-d8e51ea4],.paste-icon[data-v-d8e51ea4],.detect-icon[data-v-d8e51ea4]{font-size:16px}@media (max-width: 768px){.main-content[data-v-d8e51ea4]{flex-direction:column}.left-panel[data-v-d8e51ea4]{flex:none;width:100%}.right-panel[data-v-d8e51ea4]{width:100%}}.map-tool[data-v-1d4461e7]{height:100vh;display:flex}.map-tool .map[data-v-1d4461e7]{flex:1;min-width:400px}.map-tool .tool-wrap[data-v-1d4461e7]{width:400px}.map-control-panel .zoom-display[data-v-1d4461e7]{margin-bottom:8px;font-size:14px}.map-control-panel .cluster-zoom-setting[data-v-1d4461e7]{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.map-control-panel .cluster-zoom-setting label[data-v-1d4461e7]{margin-right:5px}.map-control-panel button[data-v-1d4461e7]{width:100%}.home-container[data-v-05fe1fdc]{box-sizing:border-box;padding:20px;display:flex;flex-direction:column;align-items:center;height:calc(100vh - 60px)}.title[data-v-05fe1fdc]{margin-bottom:30px;color:#409eff}.route-buttons[data-v-05fe1fdc]{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:800px}.route-button[data-v-05fe1fdc]{min-width:150px;height:50px;font-size:16px}.svg-to-png-container[data-v-e67acf41]{max-width:800px;margin:20px auto;padding:20px}.drop-zone[data-v-e67acf41]{border:2px dashed #ccc;border-radius:8px;padding:20px;min-height:300px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow-y:auto}.dragging[data-v-e67acf41]{border-color:#409eff;background-color:#409eff1a}.upload-hint[data-v-e67acf41]{text-align:center;color:#666}.upload-icon[data-v-e67acf41]{font-size:48px;margin-bottom:10px}.sub-hint[data-v-e67acf41]{font-size:12px;color:#999;margin-top:5px}.files-list[data-v-e67acf41]{width:100%;display:flex;flex-direction:column;gap:15px}.file-item[data-v-e67acf41]{display:flex;align-items:center;padding:10px;border:1px solid #eee;border-radius:4px;background:#fff}.file-preview[data-v-e67acf41]{width:50px;height:50px;margin-right:15px;display:flex;align-items:center;justify-content:center}.file-preview svg[data-v-e67acf41]{max-width:100%;max-height:100%}.file-info[data-v-e67acf41]{flex:1;display:flex;justify-content:space-between;align-items:center}.file-name[data-v-e67acf41]{font-size:14px;color:#333}.file-status[data-v-e67acf41]{font-size:12px}.status[data-v-e67acf41]{padding:2px 6px;border-radius:3px}.status.converting[data-v-e67acf41]{background-color:#e6a23c;color:#fff}.status.converted[data-v-e67acf41]{background-color:#67c23a;color:#fff}.status.pending[data-v-e67acf41]{background-color:#909399;color:#fff}.actions[data-v-e67acf41]{margin-top:20px;display:flex;gap:10px;justify-content:center}button[data-v-e67acf41]{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px;transition:all .3s ease}button[data-v-e67acf41]:disabled{background-color:#ccc;cursor:not-allowed}.convert-btn[data-v-e67acf41]{background-color:#409eff;color:#fff}.download-btn[data-v-e67acf41]{background-color:#67c23a;color:#fff}.reset-btn[data-v-e67acf41]{background-color:#f56c6c;color:#fff}button[data-v-e67acf41]:hover:not(:disabled){opacity:.8}.grid-layout-demo[data-v-7450ade8]{max-width:1200px;margin:0 auto;padding:20px}.intro[data-v-7450ade8]{font-size:18px;color:#666;margin-bottom:40px}.demo-section[data-v-7450ade8]{margin-bottom:50px}.demo-section h2[data-v-7450ade8]{color:#333;border-bottom:2px solid #007acc;padding-bottom:10px;margin-bottom:20px}.grid-container[data-v-7450ade8]{border:2px solid #ddd;margin:20px 0;padding:20px;background:#f9f9f9}.grid-item[data-v-7450ade8]{background:#007acc;color:#fff;padding:20px;text-align:center;font-weight:700;border-radius:4px}.basic-grid[data-v-7450ade8]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.responsive-grid[data-v-7450ade8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.areas-grid[data-v-7450ade8]{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header header header" "nav main sidebar" "footer footer footer";gap:10px;min-height:300px}.areas-grid header[data-v-7450ade8]{grid-area:header;background:#ff6b6b}.areas-grid nav[data-v-7450ade8]{grid-area:nav;background:#4ecdc4}.areas-grid main[data-v-7450ade8]{grid-area:main;background:#45b7d1}.areas-grid aside[data-v-7450ade8]{grid-area:sidebar;background:#f9ca24}.areas-grid footer[data-v-7450ade8]{grid-area:footer;background:#6c5ce7}.alignment-grid[data-v-7450ade8]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;justify-items:center;align-items:center;min-height:200px}.alignment-grid .small[data-v-7450ade8]{width:60px;height:60px;display:flex;align-items:center;justify-content:center;padding:0}.card-grid[data-v-7450ade8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card[data-v-7450ade8]{background:white;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.card[data-v-7450ade8]:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.card img[data-v-7450ade8]{width:100%;height:200px;object-fit:cover}.card h3[data-v-7450ade8]{padding:15px 20px 5px;margin:0;color:#333}.card p[data-v-7450ade8]{padding:0 20px 20px;margin:0;color:#666;line-height:1.6}.concept-grid[data-v-7450ade8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:30px 0}.concept-card[data-v-7450ade8]{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #007acc}.concept-card h3[data-v-7450ade8]{color:#007acc;margin:0 0 10px;font-size:16px}.concept-card p[data-v-7450ade8]{margin:0;color:#555;font-size:14px;line-height:1.4}.comparison-grid[data-v-7450ade8]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:20px 0}.comparison-item[data-v-7450ade8]{background:#f8f9fa;padding:20px;border-radius:8px;border:2px solid #ddd}.comparison-item h3[data-v-7450ade8]{color:#007acc;margin-top:0}.comparison-item strong[data-v-7450ade8]{color:#ff4757}.demo-container[data-v-7450ade8]{margin:15px 0}.demo-grid[data-v-7450ade8]{display:grid;gap:10px;background:#fff;padding:15px;border:1px solid #eee}.auto-fill-demo[data-v-7450ade8]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:100%;max-width:600px}.auto-fit-demo[data-v-7450ade8]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;max-width:600px}.demo-item[data-v-7450ade8]{background:#007acc;color:#fff;padding:30px 15px;text-align:center;border-radius:4px}.note[data-v-7450ade8]{font-size:13px;color:#666;margin-top:10px;font-style:italic}.properties-grid[data-v-7450ade8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.property-item[data-v-7450ade8]{background:#f0f0f0;padding:20px;border-radius:8px}.property-item h4[data-v-7450ade8]{color:#007acc;margin-top:0}.property-item ul[data-v-7450ade8]{margin:0;padding-left:20px}.property-item li[data-v-7450ade8]{margin-bottom:5px;color:#555}code[data-v-7450ade8]{display:block;background:#f4f4f4;padding:15px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;color:#333;margin:10px 0}@media (max-width: 768px){.comparison-grid[data-v-7450ade8],.concept-grid[data-v-7450ade8]{grid-template-columns:1fr}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--font-color: rgba(0, 0, 0, 1)}*,body{box-sizing:border-box;margin:0;padding:0}span{font-weight:500;color:var(--font-color);text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;width:100vw;min-height:100vh}#app{height:100vh;width:100%;overflow:hidden}