:root{--primary-color: #6366f1;--primary-color-hover: #4f46e5;--primary-color-light: #818cf8;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-color: #f59e0b;--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-dark: #1e1e2e;--bg-card: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.mod-map-header{background:linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%);padding:40px 0}@media screen and (max-width: 767px){.mod-map-header{padding:25px 0}}.mod-map-header .header-content{text-align:center}.mod-map-header .header-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:10px}@media screen and (max-width: 767px){.mod-map-header .header-title{font-size:22px}}.mod-map-header .header-title svg{width:28px;height:28px;vertical-align:-5px;margin-right:10px;color:var(--primary-color-light)}@media screen and (max-width: 767px){.mod-map-header .header-title svg{width:22px;height:22px}}.mod-map-header .header-desc{font-size:14px;color:hsla(0,0%,100%,.6)}@media screen and (max-width: 767px){.mod-map-header .header-desc{font-size:13px}}.mod-map-content{padding:40px 0}@media screen and (max-width: 767px){.mod-map-content{padding:25px 0}}.map-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;padding:25px;margin-bottom:25px}.map-section:last-child{margin-bottom:0}@media screen and (max-width: 767px){.map-section{padding:20px 15px;margin-bottom:20px}}.map-section .section-header{display:flex;align-items:center;gap:10px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid var(--border-color)}@media screen and (max-width: 767px){.map-section .section-header{padding-bottom:12px;margin-bottom:15px}}.map-section .section-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:var(--radius);color:#fff}@media screen and (max-width: 767px){.map-section .section-icon{width:36px;height:36px}}.map-section .section-icon svg{width:22px;height:22px}@media screen and (max-width: 767px){.map-section .section-icon svg{width:18px;height:18px}}.map-section .section-title{font-size:18px;font-weight:600;color:var(--text-primary)}@media screen and (max-width: 767px){.map-section .section-title{font-size:16px}}.map-section .section-count{margin-left:auto;font-size:13px;color:var(--text-muted)}.map-section .section-count span{color:var(--primary-color);font-weight:600}.map-list{display:flex;flex-wrap:wrap;gap:10px}@media screen and (max-width: 767px){.map-list{gap:8px}}.map-item{padding:8px 18px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border-radius:var(--radius);transition:all .2s}@media screen and (max-width: 767px){.map-item{padding:6px 14px;font-size:13px}}.map-item:hover{color:#fff;background:var(--primary-gradient)}.map-extend{margin-top:20px;padding-top:20px;border-top:1px dashed var(--border-color)}@media screen and (max-width: 767px){.map-extend{margin-top:15px;padding-top:15px}}.map-extend .extend-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}@media screen and (max-width: 767px){.map-extend .extend-title{font-size:13px;margin-bottom:10px}}.map-extend .extend-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.map-extend .extend-group:last-child{margin-bottom:0}@media screen and (max-width: 767px){.map-extend .extend-group{gap:6px;margin-bottom:10px}}.map-extend .extend-label{padding:5px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);background:rgba(0,0,0,0)}@media screen and (max-width: 767px){.map-extend .extend-label{padding:4px 10px;font-size:12px}}.map-extend .extend-item{padding:5px 12px;font-size:13px;color:var(--text-primary);background:var(--bg-primary);border-radius:4px;transition:all .2s}@media screen and (max-width: 767px){.map-extend .extend-item{padding:4px 10px;font-size:12px}}.map-extend .extend-item:hover{color:var(--primary-color);background:rgba(99,102,241,.1)}.mod-quick-nav{position:sticky;top:80px;background:#fff;padding:15px 0;border-bottom:1px solid var(--border-color);margin-bottom:30px;z-index:100}@media screen and (max-width: 767px){.mod-quick-nav{top:70px;padding:12px 0;margin-bottom:20px}}.mod-quick-nav .nav-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch}.mod-quick-nav .nav-list::-webkit-scrollbar{height:0}@media screen and (max-width: 767px){.mod-quick-nav .nav-list{gap:8px}}.mod-quick-nav .nav-item{flex-shrink:0;padding:8px 16px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border-radius:var(--radius);transition:all .2s;white-space:nowrap}@media screen and (max-width: 767px){.mod-quick-nav .nav-item{padding:6px 12px;font-size:13px}}.mod-quick-nav .nav-item:hover,.mod-quick-nav .nav-item.active{color:#fff;background:var(--primary-gradient)}