[data-v-3fa8e394]:root{--bg-base:#f6f6f8;--bg-white:#fff;--bg-card:#fff;--bg-surface:#f1f5f9;--bg-muted:#e2e8f0;--bg-section:#eff6ff;--gradient:linear-gradient(135deg,#2463eb,#3b82f6);--gradient-bg:linear-gradient(180deg,#f6f6f8,#f1f5f9);--primary:#2463eb;--primary-dark:#1d4ed8;--primary-bg:#eff6ff;--primary-border:#bfdbfe;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-card:0 1px 3px rgba(0,0,0,0.06),0 4px 12px rgba(0,0,0,0.04);--shadow-hover:0 10px 25px rgba(36,99,235,0.1),0 4px 10px rgba(36,99,235,0.08);--radius:12px;--radius-lg:20px;--nav-height:64px;--ease:cubic-bezier(0.4,0,0.2,1);--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.base-map-container[data-v-3fa8e394]{background:#f6f6f8;min-height:100vh;padding:32px 24px 60px;position:relative}.base-map-container .floating-back-button[data-v-3fa8e394]{position:fixed;top:84px;left:24px;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:200}.base-map-container .floating-back-button i[data-v-3fa8e394]{font-size:18px;color:#64748b;transition:all .15s cubic-bezier(.4,0,.2,1)}.base-map-container .floating-back-button[data-v-3fa8e394]:hover{background:#2463eb;border-color:#2463eb;box-shadow:0 4px 20px rgba(36,99,235,.25);transform:translateX(-3px)}.base-map-container .floating-back-button:hover i[data-v-3fa8e394]{color:#fff}.base-map-container .header-section[data-v-3fa8e394]{max-width:1400px;width:90%;margin:0 auto 40px;text-align:center;padding:48px 32px 40px;background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);position:relative;overflow:hidden}.base-map-container .header-section[data-v-3fa8e394]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#2463eb,#3b82f6)}.base-map-container .main-title[data-v-3fa8e394]{margin:0 0 10px;font-size:32px;font-weight:800;color:#0f172a;letter-spacing:.02em}.base-map-container .sub-title[data-v-3fa8e394]{margin:0;color:#64748b;font-size:15px}.base-map-container .empty-container[data-v-3fa8e394],.base-map-container .loading-container[data-v-3fa8e394]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;color:#94a3b8}.base-map-container .empty-container i[data-v-3fa8e394],.base-map-container .loading-container i[data-v-3fa8e394]{font-size:48px;margin-bottom:16px}.base-map-container .empty-container p[data-v-3fa8e394],.base-map-container .empty-container span[data-v-3fa8e394],.base-map-container .loading-container p[data-v-3fa8e394],.base-map-container .loading-container span[data-v-3fa8e394]{font-size:15px;margin:0}.base-map-container .categories-section[data-v-3fa8e394]{max-width:1400px;margin:0 auto}.base-map-container .categories-grid[data-v-3fa8e394]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:80px 24px;padding-top:80px}@media(max-width:1200px){.base-map-container .categories-grid[data-v-3fa8e394]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:768px){.base-map-container .categories-grid[data-v-3fa8e394]{grid-template-columns:repeat(2,1fr);gap:60px 16px;padding-top:60px}}@media(max-width:480px){.base-map-container .categories-grid[data-v-3fa8e394]{grid-template-columns:1fr}}.base-map-container .category-card[data-v-3fa8e394]{background:#fff;border-radius:20px;overflow:visible;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);border:1px solid #f1f5f9;position:relative}.base-map-container .category-card[data-v-3fa8e394]:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(36,99,235,.1),0 4px 10px rgba(36,99,235,.08);border-color:rgba(36,99,235,.3)}.base-map-container .category-card:hover .theme-image[data-v-3fa8e394]{transform:scale(1.05)}.base-map-container .category-card:hover .enter-btn[data-v-3fa8e394]{background:linear-gradient(135deg,#2463eb,#3b82f6);color:#fff;border-color:transparent}.base-map-container .category-card .shadow-item[data-v-3fa8e394]{position:absolute;top:-70px;left:50%;transform:translateX(-50%);width:180px;height:380px;border-radius:180px 180px 0 0;z-index:0;pointer-events:none;opacity:.6}.base-map-container .category-card .card-image-wrapper[data-v-3fa8e394]{position:relative;height:200px;display:flex;align-items:center;justify-content:center;padding:20px;overflow:visible;z-index:1}.base-map-container .category-card .card-image-wrapper .theme-image[data-v-3fa8e394]{max-width:100%;max-height:170px;-o-object-fit:contain;object-fit:contain;transition:transform .3s cubic-bezier(0,0,.2,1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.12))}.base-map-container .card-body[data-v-3fa8e394]{padding:20px 20px 16px}.base-map-container .card-title[data-v-3fa8e394]{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 10px;text-align:center;letter-spacing:.02em}.base-map-container .card-description[data-v-3fa8e394]{font-size:13px;color:#64748b;line-height:1.7;margin:0 0 14px;text-align:center;min-height:44px}.base-map-container .card-divider[data-v-3fa8e394]{width:48px;height:2px;background:linear-gradient(135deg,#2463eb,#3b82f6);margin:0 auto;border-radius:2px}.base-map-container .card-footer[data-v-3fa8e394]{padding:0 20px 20px;display:flex;justify-content:center}.base-map-container .enter-btn[data-v-3fa8e394]{width:100%;padding:11px 20px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;font-size:14px;font-weight:600;color:#334155;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}