:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:#12122a;margin:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.surname-selector{flex-direction:column;gap:12px;height:100%;display:flex;overflow:hidden}.selector-header{flex-shrink:0}.search-input{color:#e0e0e0;box-sizing:border-box;background:#1e1e38;border:1px solid #3a3a5c;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:18px;transition:border-color .2s}.search-input:focus{border-color:#d44040}.search-input::placeholder{color:#666}.section-label{color:#888;letter-spacing:.5px;margin-bottom:6px;font-size:14px}.top-surnames{flex-shrink:0}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#ccc;cursor:pointer;background:#1e1e38;border:1px solid #3a3a5c;border-radius:16px;padding:6px 14px;font-size:16px;transition:all .2s}.tag:hover{color:#d44040;border-color:#d44040}.tag.active{color:#fff;background:#8b1a1a;border-color:#d44040}.all-surnames{flex-direction:column;flex:1;display:flex;overflow:hidden}.name-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));grid-auto-rows:min-content;align-content:start;gap:4px;padding-right:4px;display:grid;overflow-y:auto}.name-grid::-webkit-scrollbar{width:4px}.name-grid::-webkit-scrollbar-track{background:0 0}.name-grid::-webkit-scrollbar-thumb{background:#3a3a5c;border-radius:2px}.name-cell{color:#bbb;cursor:pointer;text-align:center;background:#1a1a30;border:1px solid #0000;border-radius:6px;padding:8px 4px;font-size:17px;transition:all .15s}.name-cell:hover{color:#d44040;background:#2e1a1a;border-color:#d44040}.name-cell.active{color:#fff;background:#8b1a1a;border-color:#d44040;font-weight:600}.no-result{text-align:center;color:#666;grid-column:1/-1;padding:20px;font-size:16px}@media (width<=1024px){.all-surnames{display:none}.all-surnames.has-search{max-height:140px;display:flex}.surname-selector{gap:8px}.tag{padding:4px 10px;font-size:12px}.search-input{padding:8px 12px;font-size:13px}}.info-panel{flex-direction:column;gap:16px;height:100%;display:flex;overflow-y:auto}.panel-empty{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.empty-icon{margin-bottom:8px;font-size:48px}.panel-empty p{margin:0;font-size:17px}.panel-empty .sub{color:#555;font-size:15px}.panel-header{align-items:baseline;gap:10px;display:flex}.surname-char{color:#e05555;font-size:50px;font-weight:700;line-height:1}.surname-label{color:#888;font-size:16px}.stat-row{background:#1e1e38;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.stat-label{color:#888;font-size:15px}.stat-value{color:#e0e0e0;font-size:17px;font-weight:600}.ranking-section{flex-direction:column;gap:8px;display:flex}.ranking-title{color:#888;letter-spacing:.5px;font-size:15px}.ranking-list{flex-direction:column;gap:6px;display:flex}.ranking-item{align-items:center;gap:8px;padding:6px 0;display:flex}.rank-badge{color:#aaa;background:#333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:flex}.rank-1{color:#1a1a2e;background:gold}.rank-2{color:#1a1a2e;background:silver}.rank-3{color:#1a1a2e;background:#cd7f32}.rank-name{color:#ddd;flex-shrink:0;width:55px;font-size:16px}.rank-bar-bg{background:#1a1a30;border-radius:3px;flex:1;height:6px;overflow:hidden}.rank-bar{border-radius:3px;height:100%;transition:width .4s}.rank-bar.level-core{background:#d44040}.rank-bar.level-high{background:#b22222}.rank-bar.level-medium{background:#8b1a1a}.rank-bar.level-low{background:#5a1515}.rank-bar.level-rare{background:#333}.rank-value{text-align:right;color:#aaa;white-space:nowrap;flex-shrink:0;min-width:65px;font-size:14px}.rank-level{text-align:right;flex-shrink:0;width:78px;font-size:13px}.rank-level.level-core{color:#f0a0a0}.rank-level.level-high{color:#e06666}.rank-level.level-medium{color:#d44040}.rank-level.level-low{color:#b22222}.rank-level.level-rare{color:#666}.legend-section{border-top:1px solid #2a2a4a;flex-direction:column;gap:8px;padding-top:8px;display:flex}.legend-items{flex-direction:column;gap:4px;display:flex}.legend-item{color:#888;align-items:center;gap:8px;font-size:14px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot.level-core{background:#d44040}.dot.level-high{background:#b22222}.dot.level-medium{background:#8b1a1a}.dot.level-low{background:#5a1515}.dot.level-rare{background:#333}.download-btn{color:#ccc;cursor:pointer;background:#1e1e38;border:1px solid #3a3a5c;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:16px;transition:all .2s;display:flex}.download-btn:hover{color:#d44040;background:#2a1a2a;border-color:#d44040}.download-menu-wrapper{display:inline-flex;position:relative}.download-trigger{color:#aaa;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e38d9;border:1px solid #3a3a5c;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.download-trigger:hover{color:#d44040;border-color:#d44040}.download-dropdown{z-index:100;background:#1e1e38;border:1px solid #3a3a5c;border-radius:8px;min-width:120px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.dropdown-item{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:10px 16px;font-size:13px;transition:background .15s;display:block}.dropdown-item:hover{color:#d44040;background:#2a1a2a}.dropdown-item+.dropdown-item{border-top:1px solid #2a2a4a}.map-download{z-index:10;position:absolute;top:12px;right:12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}.app{color:#e0e0e0;background:#12122a;flex-direction:column;height:100vh;font-family:"FangSong",STFangSong,仿宋,"Fangsong",serif;font-size:16px;display:flex}.app-header{text-align:center;background:linear-gradient(#1a1a3a 0%,#12122a 100%);border-bottom:1px solid #2a2a4a;flex-shrink:0;padding:14px 20px 8px}.app-header h1{letter-spacing:2px;background:linear-gradient(135deg,#e05555,#f0a0a0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.subtitle{color:#555;margin-top:4px;font-size:14px}.app-main{flex:1;display:flex;overflow:hidden}.sidebar{flex-direction:column;flex-shrink:0;width:280px;padding:16px;display:flex;overflow:hidden}.left-sidebar{border-right:1px solid #2a2a4a}.right-sidebar{border-left:1px solid #2a2a4a}.map-area{flex:1;min-width:0;position:relative}@media (width<=1024px){html,body,#root{height:auto;overflow:hidden auto}.app{height:auto;min-height:100vh}.app-main{flex-direction:column;overflow:visible}.sidebar{z-index:2;width:100%;position:relative;border:none!important;border-bottom:1px solid #2a2a4a!important}.left-sidebar{max-height:none;padding:12px 16px;overflow:visible}.right-sidebar{max-height:none;padding:12px 16px;border-top:1px solid #2a2a4a!important;border-bottom:none!important}.map-area{z-index:1;flex:none;height:450px;min-height:450px;position:relative;overflow:hidden}.app-header h1{font-size:20px}.subtitle{font-size:12px}}@media (width<=640px){.app-header{padding:10px 12px 6px}.app-header h1{font-size:18px}.subtitle{font-size:11px}.left-sidebar,.right-sidebar{max-height:none;padding:8px 12px}.map-area{height:380px;min-height:380px}}